/* ==================================================================================================== */
/*                                                                         Progressive Enhancement CSS  */
/* ==================================================================================================== */
/*                                                                                       Browser Tweaks */
/* ==================================================================================================== */

.rc-logo {
    display: none;
}

/* For Chrome and Safari */

* {
    outline: none;
}

/* For Chrome and Safari and then IE
   Removes the X in the field type search */

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

input[type="search"]::-ms-clear {
    display: none;
}

/* Firefox Only
   Remove button 1px padding */

@-moz-document url-prefix() {
    button::-moz-focus-inner {
        padding: 0;
        border: 0
    }
    input::-moz-focus-inner { 
        border: 0; 
        padding: 0; 
    }
}

/* Firefox Only
   Reset font weight for custom fonts */

@-moz-document url-prefix() {
    p,
    h1,
    h2,
    h3 {
        font-weight: normal;
    }
}

input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.smallInt {
    -moz-appearance:textfield;
}

/* For IE10+ */

a:active {
    background-color: transparent;
}

@media all and (-ms-high-contrast:none) {
    button span {
        left: 0;
        position: relative;
        top: 0;
    }
}


/* Removing styles from Apple products misterious links on phone, address, etc */

a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

/* === Edge only issue with SVG === */
@supports (-ms-ime-align:auto) {
    a use,
    button use { 
        pointer-events: none;
    }
}

/* IE11 fix */
svg:not(:root) { overflow: hidden; }



/* ==================================================================================================== */
/*                                                                                           Base HTML  */
/* ==================================================================================================== */

*,
:before,
:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,F
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    border: 0;
    font: inherit;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    height: 100%;
    min-height: 100%;
}

body {
    -webkit-text-size-adjust: 100%;
    font: 16px/1.4em 'Source Sans Pro', sans-serif;
    height: auto !important;
    min-height: 100%;
    overflow: auto;
    position: relative;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

span.label,
span.val {
    display: block;
    width: 100%;
}
#msg-senderInfo h1 {
    font-size: 19px;
}

caption,
th,
td {
    font-weight: 400;
    text-align: left;
    vertical-align: middle;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
.debug-mode .debug,
#qa-design.active,
#aside section .bigbox > a,
#aside section .bigbox > object,
#aside section.bigbox > a,
#aside section.bigbox > object,
#aside .widget .bigbox > a,
#aside .widget .bigbox > object,
#aside .widget.bigbox > a,
#aside .widget.bigbox > object,
#javascript-warning .notice.warning,
.form-field-collapse.focus > .field-wrapper-container,
.table,
#main-menu #savedSearch li:hover span.delete,
.mosaic .item .inner:hover .hover,
.mosaic-small .item .inner:hover .hover {
    display: block;
}

nav li {
    list-style: none;
    margin: 0;
    padding: 0;
}

div {
    display: block;
    position: relative;
}

a {
    color: #1dadea;
    text-decoration: none;
}

form textarea {
    -moz-box-sizing: border-box 1px bold;
    -webkit-box-sizing: border-box;
    box-sizing: border-box 1px bold;
}

ul {
    clear: both;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

input[type="text"], input[type="email"], input[type="password"], textarea, input[type="search"], input[type="number"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: white;
    border: 1px solid #ababab;
    border-radius: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    padding: 9px 5px;
}

select {
    background: white;
    border: 1px solid #ababab;
    color: #000;
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
}

option {
    line-height: 25px;
    padding: 10px;
}

option:hover {
    background-color: #000;
}

@media all and (-ms-high-contrast: active) {  
/* Remove purple highlight in HC mode */  
.ps_select:focus::-ms-value{
  background-color: transparent;  /*make the select background transparent in ie */
  color: white;
 }
}
@media all and (-ms-high-contrast: none) {  
/* Remove blue highlight in Normal mode*/  
.ps_select:focus::-ms-value{
  background-color: transparent;  
  color: black;
}
}
:focus {
    outline: none;
}

.visible-sm {
    display: block;
}
.visible-md {
    display: none;
}

button {
    cursor: pointer;
    -webkit-appearance: none;
}

input[type="button"] {
    -moz-appearance: none;
    -webkit-appearance: none;
}

strong {
    font-weight: 700;
}

h1 {
    font-size: 30px;
    font-weight: 300;
    line-height: 1em;
    margin: 0 0 5px;
}  

h1 svg {
    display: inline-block;
    margin-right: 5px;
    max-width: 30px;
    vertical-align: middle;
}

h1 svg + span {
    display: inline-block;
    vertical-align: middle;
}

h1 strong {
    font-weight: 600;
}  

h3 {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.1em;
}  

p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding: 0 0 10px 0;
}

/* Placeholders */

::placeholder { /* CSS Working Draft */
    color: #aaa;
    font-weight: 300;
}

::-webkit-input-placeholder { /* Chrome, Safari, Opera */
    color: #aaa;
    font-weight: 300;
}

::-moz-placeholder {  /* Firefox */
    color: #aaa;
    font-weight: 300;
}

:-ms-input-placeholder { /* IE10–11 */
    color: #ff0000;
    font-weight: 300;
}

::-ms-input-placeholder { /* Edge */
    color: #ff0000;
    font-size: 16px;
    font-weight: 300;
}

.unlogged #aside input[type="text"]::-webkit-input-placeholder { 
    color: white;
    font-weight: 300;
}
.unlogged #aside input[type="text"]:-ms-input-placeholder { 
  color: white !important;
  font-weight: 300;
}
.unlogged #aside input[type="text"]::-ms-input-placeholder { /* Edge */
  color: white !important;
  font-weight: 300 !important;
}
.unlogged #aside .placeholder-label > span {
  color: white !important;
  font-weight: 300 !important;
}
.unlogged #aside input[type="text"]::-moz-placeholder { 
  color: white;
  font-weight: 300;
  opacity: 1;
}
.unlogged #aside input[type="text"]:-moz-placeholder {
  color: white;
  font-weight: 300;
  opacity: 1;
}

.hidden {
    display: none;
}

/* ==================================================================================================== */
/*                                                                                       Shared Classes */
/* ==================================================================================================== */

.block-avatar {
    display: inline-block;
    float: inherit;
    position: absolute;
    right: 0;
    top:-63px;
    width: 100%;
}

.img-responsive {
    width: 100%;
}

.pager span.current {
    color: #1dadea;
    font-weight: bold;
}
.rounded {
    background: white;
    border: 1px solid #b7b7b7;
    border-radius: 50%;
    display: inline-block;
    float: left;
    height: 77px;
    margin: 0 25px 25px 30px;
    padding-top: 12px;
    position: relative;
    width: 77px;
}

.rounded img {
    border-radius: 50%;
    left: 3px;
    position: absolute;
    top: 1px;
}
.text-center {
    text-align: center;
}
.margin-right-20 {
    margin-right: 20px;
}
 
.clear:after,
.clearFloat:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
}

.display-desktop, .hidden {
    display: none;
}

.noSmallMobile, .smallMobile.disabled {
    display: none !important;
}

.smallMobile {
    display: inline-block !important;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

.hide-text {
    background-color: transparent;
    border: 0;
    color: transparent;
    font: 0/0;
}

.input-block-level {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    min-height: 28px;
    width: 100%;
}

body .rc-select-disabled {
    cursor: default;
}

body .rc-select-disabled span {
    color:#ababab;
}

.disable {
    pointer-events:none;
}

/* Tooltip */

.tooltip {
    display: block;
    filter: alpha(opacity=0);
    font-size: 14px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    visibility: visible;
    z-index: 1020;
}

.tooltip.in {
    filter: alpha(opacity=100);
    opacity: 1;
}

.tooltip.top {
    margin-top: -2px;
}

.tooltip.right {
    margin-left: 2px;
}

.tooltip.bottom {
    margin-top: 2px;
}

.tooltip.left {
    margin-left: -2px;
}

.tooltip.top .tooltip-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #1dadea;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
}

.tooltip.left .tooltip-arrow {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #1dadea;
    margin-top: -5px;
    right: 0;
    top: 50%;
}

.tooltip.bottom .tooltip-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #1dadea;
    left: 50%;
    margin-left: -5px;
    top: 0;
}

.tooltip.right .tooltip-arrow {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #1dadea;
    left: 0;
    margin-top: -5px;
    top: 50%;
}

.tooltip-inner {
    background-color: #1dadea;
    color: #fff;
    max-width: 200px;
    padding: 3px 8px;
    text-align: center;
    text-decoration: none;
}

.tooltip-arrow {
    height: 0;
    position: absolute;
    width: 0;
}

.hidden-xs {
    display: none;
}

/* Tooltip Chat */

#profile_detail .tooltip.top {
    margin-top: -5px;
}

#profile_detail .tooltip-inner {
    background: #dfe5eb; 
    color: #000;
}

#profile_detail .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #dfe5eb;
}

#profile_detail .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #dfe5eb;
}

#profile_detail .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #dfe5eb;
}

#profile_detail .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #dfe5eb;
}

#profile_detail.cropperOpen .tooltip {
    z-index: 10000;
}

#profile_detail.cropperOpen .tooltip-inner {
    background: #1dadea; 
    color: #fff;
}

#profile_detail.cropperOpen .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #1dadea;
}

#profile_detail .tooltip.right {
   margin-top: -8px;
}

#profile_detail .tooltip.right .tooltip-inner {
   padding: 10px 8px 10px 20px;
   text-align: left;
}

#profile_detail .infoDesktop {
    display: none;
}

#profile_detail .infoMobile {
    display: inline-block;
}

/* Buttons */

.rc-btn {
    border: none;
    -webkit-border-radius: 20px;
    border-radius:20px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    font-weight: 400;
    padding: 5px 20px;
    text-align: center;
}

.btn-white, .modal .btn-white.close {
    background-color: #fff;
    border: 1px solid #b7b7b7;
    color: #424242;
    display: inline-block;
    overflow: inherit;
    padding: 4px 20px;
    position: relative;
    text-indent: 0;
    right: auto;
    top: auto;
    width: auto;
    z-index: auto;
}

.modal .btn-white.close {
    background: none;
    float: none;
    height: auto;

}

.btn-white:hover {
    background-color: #dfe5eb;
}

.btn-white.disable_btn {
    display: none;
}

.btn-red {
    background-color: #f75054;
    color: white;
    font-family: 'PT Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.btn-red:hover {
    background-color: #c03c47;
}

.btn-blue {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #1dadea;
    color: white;
}

.btn-blue:hover {
    background-color: #167dc1;
}

.btn-transparent {
    background: transparent;
    border: none;
    outline: none;
}

.btn-pp {
    color: #1c1c1c;
    display: block;
    font-size: 13px;
    font-weight: bold;
    text-align:right;
    vertical-align: middle;
}

/* picto fonts */
.rc-btn-picto span {
    position: relative;
    display: block;
    height: 25px;
    width: 25px;
}

.rc-btn-picto-pref span:before {
    content: "\F0014";
}
.rc-btn-picto-less span:before,
.rc-btn-picto-more.open span:before {
    content: "\002D";
}
.rc-btn-picto-info span:before {
    content: "\2139";
}
.rc-btn-picto-pen span:before {
    content: "\270E";
}
.rc-btn-picto-video span:before {
    content: "\1F4F9";
}
.rc-btn-picto-forbidden span:before {
    content: "\1F6AB";
}
.rc-btn-picto-settings span:before {
    content: "\F0000";
}
.rc-btn-picto-visa span:before {
    content: "\F0004";
}
.rc-btn-picto-share span:before {
    content: "\F0006";
}
.rc-btn-picto-poke span:before {
    content: "\F0011";
}
.rc-btn-picto-large-suspens span:before {
    content: "\2026";
    font-size: 32px;
}
.fb_iframe_widget {
    display: block !important;
    width: 296px;
    margin: 0 auto;
}
.hiddenFields {
    display: none;
}

.slashline, .slashline1 {
    background:url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/slash-line.png) repeat-x;
    display: block;
    width: 100%;
}

.slashline {
     background-position: 0 10px;
     margin: 0 0 10px 0;
     min-height: 26px;
}

.slashline1 {
     background-position: 0 center;
}

.sep {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/slash-line.png) repeat-x;
    border: none;
    height: 5px;
}

.rc-form-field.error .field-wrapper input, .rc-form-field.error .field-wrapper textarea, form .error textarea {
    border: 2px solid #f24138;
}

.sepLeftBottom {
    background: transparent url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/sep_repeat-x.gif) repeat-x left bottom;
}

.sepLeftTop {
    background: transparent url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/sep_repeat-x.gif) repeat-x left top;
}




/* ================================================== */
/*                    Snackbar                        */
/* ================================================== */

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
  visibility: hidden;
  min-width: 250px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%) translate3d(0,0,0);
  bottom: 30px;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}




/* ================================================== */
/*                   Responsive UI                    */
/* ================================================== */
.responsiveCheck input[type=checkbox],
.responsiveCheck input[type=radio] {
    position: absolute;
    visibility: hidden;
    width: 0;
}

.prefab .responsiveCheck input[type=radio] {
    left: 5px;
    top: 5px;
}

.responsiveCheck input[type=checkbox]:checked + .checkbox:after,
input[type=checkbox]:checked + .checkbox:after,
input[type=radio]:checked + .radio:after {
    visibility: visible;    
}

input[type=checkbox] + .checkbox,
input[type=radio] + .radio {
    background: #fff;
    border: 1px solid #ababab;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin-right: 5px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 15px;
}

#profile_detail input[type=checkbox] + .checkbox,
#profile_detail input[type=radio] + .radio {
    
    margin-right: 8px;
}

.prefab input[type=radio] + .radio {
    cursor: pointer;
    left: 5px;
    position: absolute;
    top: 2px;
}

#registration-wrapper input[type=checkbox] + .checkbox,
#registration-wrapper input[type=radio] + .radio {
    top: -2px;
}

.shortsearch input[type=checkbox] + .checkbox {
    border: 1px solid #fff;
}

input[type=radio] + .radio {
    border-radius: 100%;
}

input[type=checkbox] + .checkbox:after {
    border: 3px solid #424242;
    border-top: none;
    border-right: none;
    content: '';
    height: 40%;
    left: 50%;
    position: absolute;
    top: 40%;
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    visibility: hidden;
    width: 74%;
}

input[type=radio] + .radio:after {
    background: #424242;
    border-radius: 100%;
    content: '';
    height: 60%;
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    visibility: hidden;
    width: 60%;
}




/* ==================================================================================================== */
/*                                                                                 jQuery UI Overwrites */
/* ==================================================================================================== */

/* ================================================== */
/*                    Datepicker                      */
/* ================================================== */
.ui-datepicker {
    width: 200px;
}
.ui-datepicker table.ui-datepicker-calendar {
    width: 100%;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-month,
.ui-datepicker .ui-datepicker-header .ui-datepicker-year,
.ui-datepicker table th {
    font-weight: 700;
}

.ui-datepicker-trigger {
    display: inline-block;
    margin: 0 9px 0 -105px;
}
.ui-datepicker {
    -moz-border-radius: 3px /;
    -moz-box-shadow: rgba(0, 0, 0, 0.8) 0 3px 10px;
    -webkit-border-radius: 3px 3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 3px 10px;
    background: #FFF!important;
    border: 0 solid rgba(0, 0, 0, 0.7);
    border-radius: 3px / 3px;
    box-shadow: rgba(0, 0, 0, 0.8) 0 3px 10px;
    display: none;
    height: auto;
    margin: 0 3px;
    padding: 5px 9px;
    width: 165px;
}
.ui-datepicker .ui-datepicker-header {
    background: #e8e8e8 url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/shadow_content-header.png) repeat-x bottom left;
    font-size: 11px;
    margin: -5px -9px 3px;
    padding: 5px 9px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    clear: none;
    display: inline-block;
    overflow: hidden;
    padding: 4px;
    position: relative;
    text-indent: -1000px;
    top: 0;
    z-index: 800;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
    display: block;
    height: 8px;
    overflow: hidden;
    padding: 0;
    width: 8px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:active,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:active {
    top: 1px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/ui/full_ui.png) -190px -1240px no-repeat;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span:hover {
    background-position: -190px -1280px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    float: right;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/ui/full_ui.png) -217px -1240px no-repeat;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span:hover {
    background-position: -217px -1280px;
}
.ui-datepicker .ui-datepicker-header span,
.ui-datepicker table th,
.ui-datepicker table td {
    font-size: 11px;
    padding: 2px 3px;
    text-align: center;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    padding: 4px;
}

/* ================================================== */
/*                   Autocomplete                     */
/* ================================================== */

.ui-widget {
    font-family: 'Source Sans Pro', sans-serif;
}

.ui-autocomplete.ui-widget-content {
    border: 1px solid #ababab;
    border-top: none;
    max-width: 100%;
}

.ui-autocomplete.ui-menu .ui-menu-item,
.ui-autocomplete.ui-menu .ui-state-disabled {
    border: 1px solid #ababab;
    margin: -1px;
    padding: 20px 10px;
}

.ui-autocomplete.ui-menu .ui-menu-item:first-child,
.ui-autocomplete.ui-menu .ui-state-disabled:first-child {
    border-top: none;
    margin-top: 0;
}

.ui-autocomplete.ui-widget-content .ui-state-active,
.ui-autocomplete.ui-widget-content .ui-state-focus {
    border: none;
    background: #f7f9fc;
    color: #000000;
    margin: 0;
}


.ui-autocomplete.ui-widget-content .ui-menu-item.ui-state-active,
.ui-autocomplete.ui-widget-content .ui-menu-item.ui-state-focus {
    border: 1px solid #ababab;
    margin: -1px;
}

.ui-autocomplete.ui-widget-content .ui-state-focus:first-child {
    border-top: none;
}

.ui-autocomplete.ui-widget-content .ui-menu-item.ui-state-active:first-child,
.ui-autocomplete.ui-widget-content .ui-menu-item.ui-state-focus:first-child {
    border: 1px solid #ababab;
}




/* ================================================== */
/*           Offer a gift Modal Tabs                  */
/* ================================================== */

.modal#gifts .ui-widget {
    font-family: inherit;
}

.modal#gifts .ui-tabs, .modal#gifts .ui-tabs .ui-tabs-panel {
    padding: 0;
}

.modal#gifts .ui-widget-header, .modal#gifts .ui-widget-content {
    background: none;
    border: none;
}

.modal#gifts .ui-tabs .ui-tabs-nav li {
    display: inline-block;
    margin: 0;
    height: 100%;
    list-style: none;
    padding: 2px 0;
}

.modal#gifts .ui-tabs .ui-tabs-nav {
    border-bottom: 1px solid #ccc;
    height: 100%;
    margin: 20px 0 0;
    padding: 0;
    text-align: left;
}

.modal#gifts .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    border-bottom: 1px solid #fff;
    color: #000;
    float: none;
    padding: 4px 15px 5px 15px;
}

.modal#gifts .ui-state-default, .modal#gifts .ui-widget-content .ui-state-default, .modal#gifts .ui-widget-header .ui-state-default {
    background: none;
    border:none;
    color: #000;
    padding: 4px 15px;
}

.modal#gifts .ui-state-active, .modal#gifts .ui-widget-content .ui-state-active, .modal#gifts .ui-widget-header .ui-state-active {
    background: none;
    color: #000;
}
.modal#gifts .ui-state-default, .modal#gifts .ui-widget-content .ui-state-default, .modal#gifts .ui-widget-header .ui-state-default .icon {
    background: none;
}

#gift-wrapper .gifts_offer .form p {
    padding: 5px 0;
}

#gift-wrapper .gifts_offer .form p#offer_msg {
    padding-top: 25px;
}




/* ==================================================================================================== */
/*                                                                                           Site Icons */
/* ==================================================================================================== */


/* ================================================== */
/*         Icons Placement - SVG Sprite Icon          */
/* ================================================== */

/* General */

.svg-icon.preferences {
    fill: #443695;
    width: 25px;
    height: 25px;
}

.svg-icon.personnaldetails {
    fill: #2cbcb3;
    height: 23px;
    width: 26px;
}

.svg-icon.personnalinterests {
    fill: #29abe2;
    height: 32px;
    width: 17px;
}

.svg-icon.musiques {
    background: none;
    fill: #443695;
    width: 28px;
    height: 23px;
}

.svg-icon.flag {
    background: none;
    fill: #2cbcb3;
    height: 28px;  
    width: 26px;
}

.svg-icon.sumup {
    background: none;
    fill: #ef433a;
    height: 25px;
    width: 28px;
}
.svg-icon.myStatus {
    background: none;
    fill: #2bbbb3;
    height: 22px;
    width: 18px;
}
.slashline .star {
    background-color:  #eff4f8;
    display: block;
    width: 82px;
    height: 26px;
    margin: 0 auto;
}

#content .details .big-vip-block .slashline .star {
    background-color: #fff;
    fill: #2cbcb3;
}

/* Unlogged Homepage */

.stars {
    bottom: 0;
    display: block;
    fill: #167dc1;
    height: 78px;
    max-width: none;
    position: absolute;
    right: 10px;
    width: 95px;
}

.mobileApp {
    background-color:#1dadea;
    display: block;
    fill: #067cc4;
    height: 42px;
    margin: 0 auto;
    padding: 0 10px;
    width: 78px;
}

.whiteArrow {
    height: 13px;
    margin: 0 10px 0 0; 
    width: 13px;
}

.mailHeart {
    bottom: 3px;
    display: block;
    fill: #1dadea;
    height: 68px;
    position: absolute;
    right: 15px;
    width: 58px;
}

.starPrivilege {
    display: block;
    height: 32px;
    margin: 20px 0 10px -5px;
    width: 78px;
}

a .svg-icon.arrow {
    display: inline-block;
    fill: currentcolor;
    height: 13px;
    margin: 0 10px 0 0;
    width: 13px;
}


/* Main Menu */

#toggleMainMenu {
    display: block;
    fill: #000;
    height: 24px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 27px;
    width: 32px;
}


#toggleMainMenu .burger {
      cursor: pointer;
      display: inline-block;
      height: 18px;
      position: relative;
      top: 3px;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out;
      width: 26px;
}

#toggleMainMenu .burger span {
      background: #000;
      border-radius: 25%;
      display: block;
      height: 4px;
      left: 0;
      opacity: 1;
      position: absolute;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out;
      width: 100%;
}


#toggleMainMenu .burger span:nth-child(1) {
  top: 0;
}

#toggleMainMenu .burger span:nth-child(2), #toggleMainMenu .burger span:nth-child(3) {
  top: 7px;
}

#toggleMainMenu .burger span:nth-child(4) {
  top: 14px;
}

#toggleMainMenu.closebtn .burger {
    height: 24px;
    left: -2px;
    top: 0;
    width: 24px;
}

#toggleMainMenu.closebtn .burger span {
    border-radius: 20%;
}

#toggleMainMenu.closebtn .burger span:nth-child(1) {
  top: 7px;
  width: 0%;
  left: 50%;
}

#toggleMainMenu.closebtn .burger span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#toggleMainMenu.closebtn .burger span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#toggleMainMenu.closebtn .burger span:nth-child(4) {
  top: 7px;
  width: 0%;
  left: 50%;
}

#toggleMainMenu.closebtn {
    right: 6px;
    width: 20px;
}
#notifCounters.show {
    background: #f75054;
    border-radius: 50%;
    height: 15px;
    position: absolute;
    right: -3px;
    top: -7px;
    width: 15px;
}

.closebtn #notifCounters.show { 
    display: none;
}

/* Profile */
 
ul.details li span.icon,
ul.details li .svg-icon {
    display: inline-block;
    fill: #3b23a3;
    height: 36px;
    width: 36px;
}

.modifySectionPen {
    cursor: pointer;
    padding: 5px 0 5px 5px;
    position: absolute;
    right: 2px;
    top: 20px;
    z-index: 1;
}

.svg-icon.sectionPen {
    display: block;
    fill: #27a0d8;
    height: 20px;
    width: 20px;
}

.modifySectionPen.disabled .svg-icon.sectionPen {
    cursor: default;
    fill: #dfe5eb;
}

.arrowRight {
    height: 10px;
    width: 10px;
}

.goalInfo {
    border: 2px solid #00adee;
    border-radius: 100%;
    cursor: pointer;
    height: 15px;
    position: relative;
    vertical-align: bottom;
    width: 15px;
}
/* Registration */

#registration-wrapper .cursor {
    fill: #175c99;
    height: 26px;
    left: 0;
    margin-left: -15px;
    position: absolute;
    top: 0;
    width: 30px;
    z-index: 10;
}

.fb-icon, .fb-icon:active {
    background-color: #406cb2;
    display: inline-block;
    float: left;
    height: 39px;
    margin: 10px 0 0;
    position: relative;
    width: 43px;  
}

.fb-icon .svg-icon.fb {
    display: block;
    fill: #FFFFFF;
    height: 28px;
    left: 50%;
    margin: -14px 0 0 -7.5px;
    position: absolute;
    top: 50%;
    width: 15px;
}

#profile_account .fb-icon, .fb-icon:active,
#interception_email_validation_page .fb-icon, .fb-icon:active {
    margin: 5px 0 0;
}


/* Mes activités */

.smile, .dollar {
    display: inline-block;
    float: left;
    vertical-align: bottom;
}

.smile {
    fill: #464646;
    height: 18px;
    margin: 0 5px 0 0;
    width: 19px;
}

.dollar {
    height: 17px;
    margin: 0 5px 0 5px;
    width: 10px;
}

/* Conseils */

.slashline1 .thumbup {
    background-color: #fff;
    display: block;
    fill: #00adee;
    height: 46px;
    margin: 0 auto;
    width: 115px;
}

.protect-img {
    display: inline-block;
    fill: #f75054;
    height: 82px;
    margin: 0 20px;
    width: 72px;
}

.img-please {
    display: inline-block;
    fill: #2bbbb3;
    height: 100px;
    margin: 0 20px;
    width: 80px;
}

.coffee-icon {
    display: inline-block;
    fill: #7575e0;
    height: 87px;
    margin: 0;
    width: 112px;
}

.browser-icon {
    display: inline-block;
    fill: #2bbbb3;
    height: 75px;
    margin: 0 20px;
    width: 80px;
}

.privacy-icon {
    display: inline-block;
    fill: #22a0d8;
    height: 100px;
    margin: 0 10px;
    width: 90px;
}

.mail-icon {
    display: inline-block;
    fill: #7575e0;
    height: 90px;
    margin: 0 10px 0 20px;
    width: 85px;
}

.slashline1 .heart-arrow {
    background-color: #fff;
    display: block;
    fill: #f75054;
    height: 45px;
    margin: 0 auto;
    width: 110px;
}

/* Search */

.svg-icon.camera {
    display: inline-block;
    height: 18px;
    margin: 0 5px 0 0;
    width: 21px;
}

#search .person-result .infos a.favorite .svg-icon.favorite-icon {
    height: 20px;
    width: 21px;
}

#search .person-result .infos a.favorite .svg-icon.favorite-icon.selected,
#search .person-result .infos a.favorite.selected .svg-icon.favorite-icon,
#search .person-result .infos a:hover.favorite .svg-icon.favorite-icon {
    display: none;
}

#search .person-result .infos a.favorite.selected .svg-icon.favorite-icon.selected, #search .person-result .infos a:hover.favorite .svg-icon.favorite-icon.selected {
    display: block;
}

#search .person-result .infos a:hover.favorite .svg-icon.favorite-icon.selected {
    fill: #175c99;
}

#search .person-result .infos a.favorite.selected .svg-icon.favorite-icon.selected {
    fill: #c03c47;
}

#search .person-result .infos a:hover.favorite.selected .svg-icon {
    opacity: 0.8;
}

#search a.favorite em {
    display: none;
}

.svg-icon.sendMessage {
    fill: #3c3939;
    height: 19px;
    width: 20px;
}

/* Vidéo Rencontre */

#webcam_rules h2 .svg-icon, #webcam_fares h2 .svg-icon {
    fill: #2cbcb3;
    height: 25px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    width: 33px;
}

ul.webcam-list li:first-child .svg-icon {
    fill: #2cbcb3;
    height: 65px;
    width: 84px;
}

ul.webcam-list li .svg-icon {
    fill: #00adee;
    height: 75px;
    vertical-align: top;
    width: 84px;
}

ul.webcam-list li:last-child .svg-icon {
    fill: #f75054;
    height: 75px;
    width: 75px;
}

.questionmark-container {
    border: 3px solid #00adee;
    border-radius: 100%;
    display: block;
    height: 30px;
    position: relative;
    width: 30px;
}

.slashline1 .questionmark-container {
    background-color: #fff;
    border: none;
    height: 57px;
    margin: 0 auto;
    width: 102px;
}

.slashline1 .svg-icon.questionmark-icon {
    border: 4px solid #00adee;
    border-radius: 100%;
    display: block;
    fill: #00adee;
    height: 57px;
    left: 50%;
    margin: -28.5px 0 0 -28.5px;
    padding: 4px 13.5px;
    position: absolute;
    top: 50%;
    width: 57px;
}

/* App Mobile */

.search-mobile {
    fill: #27a0d8;
    height: 64px;
    width: 65px;
}

.mail-mobile {
    fill: #f75054;
    height: 68px;
    width: 60px;
}

.favorite-mobile {
    fill: #2bbbb3;
    height: 32px;
    width: 70px;
}

.profile-mobile {
    fill: #7575e0;
    height: 85px;
    width: 70px;
}

/* Avantages privilege */

.bigeye {
    display: inline-block;
    height: 70px;
    margin: 0;
    width: 30%;
}

.calendar {
    display: inline-block;
    height: 90px;
    margin: 0;
    width: 30%;
}

.bigeye .svg-icon,
.calendar .svg-icon {
    display: block;
    fill: #2bbbb3;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
}

.calendar .svg-icon {
    fill: #7575e0;
}

.mail-plus {
    background-color: #fff;
    display: block;
    fill: #1dadea;
    height: 64px;
    margin: 0 auto;
    width: 112px;
}

.advantage .slashline {
    margin-bottom: 20px;
}

.advantage .slashline .star {
    background-color:  #fff;
    fill: #2cbcb3;
}

#static_advantage .superbannerContainer {
    display: none;
}

/* Views */

#get-more-visits .slashline {
    background-position: 0 15px;
    height: 35px;
    
}

#get-more-visits h3, #get-more-visits p {
    margin: 5px 0 20px;
}

.slashline .views-icon {
    background-color: #fff;
    display: block;
    fill: #2bbbb3;
    height: 35px;
    margin: 0 auto;
    width: 100px;
}

/* Forum */

.opensearch {
    background: none;
    border: none;
    float: right;
}

.opensearch .svg-icon {
    display: block;
    fill: #424242;
    height: 23px;
    width: 23px;
}

.rc-select-close {
    fill: #3c3939;
    height: 10px;
    margin-top: -5px;
    position: absolute;
    right: 8px;
    top: 50%;
    width: 10px;
}

/* Gift */

.jeton {
    display: inline-block;
    height: 15px;
    width: 15px;
}

/* Authentification */

.subscribe-part p.subtitle .svg-icon {
    fill: #ef433a;
    height: 48px;
    left: 0;
    position: absolute;
    width: 55px;
}

/* Buy Tokens */

#application_ecom_buy_token .svg-icon {
    overflow: hidden;
}

#application_ecom_buy_token .choose-subscription .token {
    fill: #00adee;
    height: 75px;
    margin: 0 auto ;
    width: 75px;
}

#application_ecom_buy_token .choose-subscription.active .token {
    fill: #00adee;
    height: 112px;
    margin: 0 auto ;
    width: 112px;
}

#application_ecom_buy_token .cadeau {
    display: block;
    fill: #00adee;
    margin: 0 auto 10px;
    height: 40px;
    width: 45px;
}

#application_ecom_buy_token .function {
    display: block;
    fill: #00adee;
    margin: 0 auto 10px;
    height: 38px;
    width: 38px;
}

/* Messages */

#del_mail {
    display: inline-block;
    float: right;
}

.trashMail {
    fill: #3c3939;
    float: right;
    height: 21px;
    width: 20px;
}

.trashMail:hover {
    fill: #00adee;
}

.trombone {
    fill: #424242;
    height: 17px;
    float: right;
    margin: 0;
    width: 16px;
}

.blackShield {
    height: 18px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    width: 15px;
}

/* Error Pages */

.error {
    background-position: -6500px -4000px;
    background-size: 8000px 8000px;
    display: block;
    margin: 0 auto;
}

#error-404 .icon.error {
    height: 400px;
}

/* General Options */

.svg-icon.password {
    display: inline-block;
    fill: #22a0d8;
    height: 25px;
    margin: 0 10px 0 0;
    width: 22px;
}

#profile_account .notice.valid {
    min-height: 40px;
}

#profile_account .notice.valid p {
    font-weight: normal;
    line-height: 24px;
    padding: 0 0 0 35px;
}

/* Right Column */

#widget-avantage-privilege .slashline .star, #widget-membre-privilege .slashline .star {
    background-color:  #2bbbb3;
    display: block;
    fill: #4f39ac;
    height: 26px;
    margin: 0 auto;
    width: 82px;
}

#aside section#widget-avantage-privilege p:before {
    content: none;
    display: none;
}

#aside section#widget-avantage-privilege p .svg-icon.checkmark {
    fill: #3b23a3;
}


/* Classement prioritaire */

#widget-classement-prioritaire .slashline .liste {
    background-color: #175c99;
    display: block;
    fill: #00adee;
    height: 35px;
    margin: 0 auto;
    padding: 0 7.5px;
    width: 72px;
}

.ranking {
    fill: #00adee;
    height: 235px;
    margin-left: 75px;
    width: 190px;
}

/* Sélection du mois */

#aside #widget-selection-mois .slashline {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/slash-line7.svg) repeat-x 0 20px;
    height: 42px;  
}

#aside #widget-selection-mois .slashline .grid {
    background-color: #258789;
    display: block;
    fill: #2bbbb3;
    height: 47px;
    margin: 0 auto;
    padding: 0 5px;
    width: 58px;  
}

.monthSelect {
    margin-left: 75px;
    padding-right: 18px;
    position: relative;
}

.monthSelect .svg-icon {
    fill: #2bbbb3;
    height: 258px;
    width: 215px;
}

/* Abonnement */

.aboPrivilege {
    display: block;
    fill: #46EBDE;
    height: 40px;
    margin: 20px auto 10px;
    width: 92px;
}

.aboJeton {
    display: block;
    fill: #00adee;
    height: 74px;
    margin: 10px auto 10px;
    width: 74px;
}

/* Une image vaut mille mots */

#aside #widget-photo .slashline {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/slash-line2.svg) repeat-x 0 20px;
    height: 42px;  
}

#widget-photo .slashline .pic {
    background-color: #eff4f8;
    display: block;
    fill: #7575e0;
    width: 70px;
    height: 52px;
    margin: 0 auto;
    padding: 0 14px;
}

#aside section#widget-photo p:before {
    content: none;
    display: none;
}

/* Garde du corps */

#aside #widget-garde-du-corps .slashline {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/slash-line6.svg) repeat-x 0 15px;
    height: 42px;  
}

#widget-garde-du-corps .slashline .shield {
    background-color: #3b23a3;
    display: block;
    fill: #F75054;
    width: 55px;
    height: 42px;
    margin: 0 auto;
    width: 55px;
}

/* My Favorites */

.svg-icon.favCamera {
    display: inline-block;
    fill: #3c3939;
    height: 18px;
    margin: 2px 2px 0;
    vertical-align: top;
    width: 21px;
}

.svg-icon.favCamera:hover {
    fill: #00adee;
}

.svg-icon.favMail {
    display: block;
    fill: #3c3939;
    height: 20px;
    width: 21px;
}

.svg-icon.favMail:hover {
    fill: #00adee;
}

/* Search No Result */

.msg-no-result {
    background: #3b23a3;
    border-radius: 100%;
    display: block;
    height: 280px;
    margin: 0 auto;
    width: 280px;
}

.msg-no-result .svg-icon {
    bottom: 8%;
    fill: #7575e0;
    height: auto;
    left: 50%;
    max-height: 31%;
    max-width: 31%;
    position: absolute;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
}

/* Account Settings */

.svg-icon.alertExpire {
    display: inline-block;
    fill: #f2a138;
    height: 19px;
    margin: 0 0 0 5px;
    vertical-align: middle;
    width: 20px;
}

.svg-icon.myTokens {
    fill: #00adee;
    height: 20px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    width: 20px;
}

/* Interests Categories */

.svg-icon.category {
    display: inline-block;
    fill: #231f20;
    height: 20px;
    margin: 0 8px 0 0;
    vertical-align: bottom;
    width: 20px;
}

.blue .svg-icon.category,
.nbInterests ul li:hover .svg-icon.category {
    fill: #FFFFFF;
}

.device_ios .nbInterests ul li:hover .svg-icon.category,
.device_android .nbInterests ul li:hover .svg-icon.category {
    fill: #231f20;
}

@supports (-ms-accelerator:true) {
    .nbInterests ul li:hover .svg-icon.category,
    .nbInterests ul li:hover .svg-icon.category {
        fill: #231f20;
    }
}

.svg-icon.category2 {
    height: 19px;
}

.svg-icon.category3 {
    height: 19px;
    width: 19px;
}

.svg-icon.category4 {
    height: 21px;
    margin: 0 10px 0 0;
    width: 17px;
}

.svg-icon.category5 {
    height: 18px;
}

.svg-icon.category6 {
    height: 21px;
    width: 21px;
}

.svg-icon.category7{
    height: 22px;
}

/* Quoi de Neuf  */

.quoiDeNeuf .blueMailSent {
    display: block;
    fill: #248688;
    margin: 0 auto;
    height: 98px;
    width: 90px;
}

/* Free Trial  */

.trialInfo {
    border: 2px solid #00adee;
    border-radius: 100%;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin-left: 5px;
    position: relative;
    vertical-align: bottom;
    width: 20px;
}

.ecom #registration-wrapper .timeline.getFreeTrial span label[data-for="1"] {
    left: 0;
    width: 100%;   
}



/* ==================================================================================================== */
/*                                                                                      Layout & Design */
/* ==================================================================================================== */


/* ================================================== */
/*                      Header                        */
/* ================================================== */

.headerContainer {
    padding-top: 5px;
}

header {
    background: #FFF;
    display: block;
    padding: 5px 10px 10px;
}

.unlogged header {
    height: auto;
}

header .connect {
    display: none;
}

header .btn-red {
    margin: 20px 0 0 10px;
}

header #profil-nav .profil .availability {
    position: absolute;
    right: 3px;
    top: 3px;
}

header #profil-nav .profil div.arrowDown {
    margin: 7px 0 0 !important;
    right: 4px;
}

/* Top Bar in member section */

#header #profil-nav .heading {
    float: right;
    width: 90px;
}
#header #profil-nav.in .heading {
    background-color: #2a2a2a;
    border-radius: 4px 4px 0 0;
}

header #profil-nav .profil div.statusOff,
header #profil-nav .profil div.statusOn {
    display: none;
}
header #profil-nav div.body > div.user {
    color: #bbb;
    display: block;
    padding: 10px;
}

/* Mobile and Tablet with menu in burger */

.menuOpen #toggleMainMenu {
    background-color: #fff;
}

#menuOverlay {
    display: none;
}

#desktopMenuOverlay {
    display: none;
}

#menuOverlay.show, #genOverlay.show {
    background-color: #dfe5eb;
    bottom: 0;
    display: block;
    position: absolute;
    top: 92px;
    width: 100%;
    z-index: 1000;
}

.sniffer #menuOverlay.show {
    top: 192px;
}

#genOverlay {
    background-color: #000;
    display: none;
    height: 100%;
    min-height: 820px;
    opacity: 0.5;
    position: absolute;
    width: 100%;
}

#genOverlay.show {
    display: block;
    position: fixed;
    top: 0;
    z-index: 500;
}

header .rc-logo {
    display: inline-block;
    position: relative;
    z-index: 10;
}

header .logo-image {
    height: 78px;
    width: 269px;
}

@media only screen
and (min-device-width: 200px)
and (max-device-width: 319px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    header .rc-logo .logo-image {
        height: 58px;
        width: 150px;
    }
}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 374px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    header .logo-image {
        height: 78px;
        width: 190px;
    }
}

@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {
    header .logo-image {
        height: 78px;
        width: 225px;
    }
}

#asideLeft #authentication > .wrapper form#login .input-checkbox {
    margin-top: 0;
}

header .rc-logo img,
header .rc-logo svg {
    display: block;
    height: 78px;
    margin: 5px 0;
    position: relative;
}

body.unlogged  #header-content .rc-logo img {
    margin-top: 24px;
}



/*=== Header Profile === */

.albumWrapper {
    float: none;
    margin: 15px 0 20px;
}

.selection-content, .ranking-content, #form-share .rc-form-field .field-wrapper, #user-alert-form .rc-form-field .field-wrapper, #preferences-form .regions div.checkbox {
    width: 100%;
}





/* ================================================== */
/*                     Main Nav                       */
/* ================================================== */


/* === Non - Fixed Nav === */
#main-menu_container {
    display: none;
    width: 100%;
    position: absolute;
    z-index: 2001;
    padding: 0 10px;
}

#main-menu {
    display: block;
    height: auto;
    margin: 0;
    width: 100%;
}

#main-menu ul {
    width:100%;
    display: block;
    margin: 0 auto;
    padding-bottom: 40px;
    padding-top: 30px;
}

#main-menu li {
    display: block;
    color: #1c1d1d;
    height: auto;
    float: inherit;
    overflow: hidden;
    position: relative;
    margin: 0;
    border-bottom: 1px solid #fff;
}
#main-menu .privilege {
    background: none;
}
#main-menu li a {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    color: #1c1d1d;
    display: inline-block;
    font-size: 22px;
    line-height: 55px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
#main-menu li:last-child a {
    border-right: none;
}

#main-menu li a:hover {
    color: #1dadea;
}

#main-menu li a .textIcon {
    padding-left: 65px;
}

#main-menu li a svg.svg-icon {
    display: block;
    fill: #231f20;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
}

#main-menu li a:hover svg.svg-icon {
    fill: #22a0d8;
}

#main-menu li a svg.newsfeed-icon {
    height: 24px;
}

#main-menu li a svg.messages-icon {
    height: 29px;
}

#main-menu li a svg.views-icon {
    height: 21px;
}

#main-menu li a svg.fav-icon {
    height: 30px;
    width: 35px;
}

#main-menu li a svg.search-icon {
    height: 30px;
    width: 30px;
}

#main-menu li a svg.activity-icon {
    height: 30px;
    width: 30px;
}


#main-menu li span.counter,
#main-menu li span.counter-views {
    font-size: 18px;
    font-weight: bold;
    border-radius: 15px;
    -moz-border-radius: 1.2em /;
    -moz-box-shadow: #003479 3px 3px 3px outset;
    -webkit-border-radius: 1.2em 1.2em;
    -webkit-box-shadow: #003479 3px 3px 3px outset;
    color: #fff;
    font-weight: 400;
    margin: 5px 0 0 20px;
    padding: 2px 10px;
}

#main-menu li span.counter {
    background-color: #17c8fb;
}

#main-menu li span.counter-views {
    background-color: #f75054;
}

#main-menu .subscribe .connect {
    margin: 15px 0 0;
    padding: 13px 0;
    text-align: center;
    width: 100%;
}

 #main-menu li.expandable.in div.borderBottom,
header#header.unlogged {
    display: none;
}

#profile_create #main-menu,
#profile_create .subscribe .btn-red,
#profile_create_simple #main-menu,
#profile_create_simple .subscribe .btn-red,
.ecom .subscribe .btn-red,
.ecom #toggleMainMenu {
    display: none;
}

.msie #main-menu li .rc-btn-picto-small-more span,
.msie #main-menu li .rc-btn-picto-small-less span {
    line-height: 11px;
}

.device_ios #main-menu li .rc-btn-picto-small-more span,
.device_ios #main-menu li .rc-btn-picto-small-less span {
    top: 3px;
}

#main-menu li .rc-btn-picto-small-less span {
    left: 0 !important;
}

#main-menu #savedSearch li {
    color: #545454;
    font-weight: 400;
    position: relative;
}

#main-menu #savedSearch li a {
    color: #545454;
    font-weight: 400;
}

#main-menu #savedSearch li:hover a {
    color: #06c;
}

#main-menu #savedSearch li span {
    display: block;
    padding: 0 0 0 3px;
}

#main-menu #savedSearch li h3 a {
    margin-right: 40px;
    padding: 3px 0 3px 5px;
    word-break: break-word;
}

#main-menu #savedSearch .delete {
    color: #b4b4b4;
    cursor: pointer;
    font-weight: 700;
    height: 40px;
    margin-top: -20px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 40px;
}

#main-menu #savedSearch .delete a {
    background: none;
    border: 0;
    width: 40px;
}

#main-menu #savedSearch .delete a.rc-btn-picto-delete span:before {
    font-size: 20px;
}

#main-menu #savedSearch .delete a:hover {
    background-position: left bottom;
}

.subscribe {
    padding: 390px 0 8px 0;
    display: none;
    z-index: 2000;
}

.subscribe .btn-red, body.unlogged .subscribe .btn-white {
    font-size: 24px;
    border-radius: 50px;
    font-weight: 400;
    display: block;
    max-width: 485px;
    margin: 0 auto;
    clear: both;
}

body.unlogged .subscribe .btn-white {
    font-weight: normal;
    margin-bottom:20px;
    padding: 4px 15px;
    margin: 30px auto 20px;
}

/*=== Avatar : Sous-Menu === */


#profil-nav {
    height: auto;
    display: inline-block;
    float: left;
    position: relative;
    width: 100%;   
}

.ecom #profil-nav {
    margin: 0 10px 0 0;
}

#profil-nav .heading .avatar {
    width: auto;
    height: auto;
    display: block;
}

#profil-nav .heading #toggleProfileMenu {
    display: block;
}

#profil-nav .heading .avatar img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    display: block;
    margin: 0;
}

#profil-nav .heading .avatar img {
    width: 60px;
    height: 60px;
}

#profil-nav .availability {
    background-color:#ccc;
    border-radius: 50%;
    bottom: 0;
    height: 16px;
    position: absolute;
    right: 0;
    width: 16px;
    
}

#profil-nav .available, .online, .isonline {
    background: #27ddfd;
    border: 1px solid #fff;
    height: 16px;
    width: 16px;
}

#profil-nav .available {
    border: 0;
}

/*#profil-nav .unavailable {
    background-color: #d3d3d3;
}*/

header #profil-nav .fleche-haut, 
header #profil-nav .body {
    z-index: 2000;
}

header #profil-nav .fleche-haut {
    width: 0; 
    height: 0; 
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #dfe5eb;
    position: absolute;
    top: -9px;
    right: 68px;
}

.ecom header #profil-nav .fleche-haut {
    right: 18px;
}

header #profil-nav .body {
    clear: both;
    display: none;
    padding: 0 0 40px;
    position: absolute;
    top: 71px;
    right: 0;
    width: 100%;
}

#profil-nav .heading {
    display:inline-block;
    float: right;
    height: 60px;
    margin: 0 50px 0 0;
    width: 60px;
    z-index: 2000;
}

.ecom #profil-nav .heading {
    margin: 0;
}

.profil-options {
    background: transparent;
    width: 100%;
    padding: 30px 15px 0;
}

.profil-options ul li {
    border-bottom: 1px solid #fff;
    padding: 10px 0;
}

.profil-options ul li:first-child {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 15px 0;
    margin: 15px 0 0;
}

.profile-progress {
    display: inline-block;
    float: left;
    width: 72px;
    height: 52px;
    border-radius: 50px;
    position: relative;
    background: white ; 
    margin-right: 10px;
    border: 1px solid #d3d3d3;
    overflow: hidden;
}

.profil-options ul li:first-child > .btn-blue {
    margin: 10px 0 0;
    font-size: 22px;
    line-height: 52px;
    border-radius: 50px;
    padding: 0;
}

.profile-progress p {
    font-size: 22px;
    height: 52px;
    line-height: 51px;
    position: relative;
    text-align: center;
}

.profil-options ul li span.jeton, .profil-options ul li span.param, .profil-options ul li span.unlog {
    width: 46px;
    height: 46px;
    float: left;
    margin-right: 8px;
}

.profil-options ul li .svg-icon {
    fill: #2e2c2b;
    height: auto;
    margin-right: 8px;
    max-height: 46px;
    max-width: 46px;
    vertical-align: middle;
    width: 100%;
}

.profil-options #switch {
    margin-bottom: 15px;
    cursor: pointer;
}

.profil-options #switch > .switch {
    display: inline-block;
    float: left;
    width: 72px;
    height: 52px;

    background-color: #d3d3d3;
    border-radius: 50px;
    position: relative;
    margin-right: 10px;
}
.profil-options #switch > .switch.available {
    background-color: #1dadea ; 
}

.profil-options #switch > .switch > span { 
    display: block;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    position: absolute;
    background: white;
    top: 5px;
    left: 5px;
    -webkit-transition: left 0.3s; /* Safari */
    transition: left 0.3s;
}

.profil-options #switch > .switch > span.available { 
    left: 25px;
}

#switch a, .profil-options ul li:first-child a {
    line-height: 52px;
}

.profil-options a {
    font-size: 22px;
    font-weight: 400;
    color: #1c1d1d;
    line-height: 46px;
    display: inline-block;
    padding-right: 7px;
    vertical-align: middle;
}
.profil-options a:hover {
    color: #1dadea;
}
.profil-options ul > li > a.btn-blue {
    color:white;
    display: block;
    line-height: 18px;
}

.profile-header-progress {
    display: none; /* We do not want !important on here */
}

.profile-completed .profile-header-progress, .profile-completed .profile-progress, .profile-completed #btnImproveProfile,
.profile-completed  .complete-profile {
    display: none !important;
}

/*=== Main Progress Bar === */

#main-progress {
    display: inline-block;
    float: right;
    width: 60%;
    height: 60px;
    border-radius: 50px;
    border: 2px solid #8899a5;
    margin: 25px 10px 0 0;
    position: relative;
    overflow: hidden;
}

.profile-progress .progressbar, #main-progress .main-progressbar {
    background-color: #c5ced6;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

#main-progress p {
    position: absolute;
    left: 10%;
    top: 50%;
    margin-top: -21px;
    font-size: 30px;
    color: #1c1d1d;
    font-weight: 400;
}

.bluestatus {
    color: #1dadea;
    font-size: 18px;
}

#profileMenu .bluestatus {
    padding-left: 5px;
    vertical-align: middle;
}

/* Unlogged */

.unlogged #main-menu ul {
    padding-top: 120px;
}


/* ================================================== */
/*                Left Column Homepage                */
/* ================================================== */

#asideLeft #authentication {
    font-size: 12px;
    margin: 0;
    padding: 0;
}

#profile_account.unlogged #asideLeft h1, #profile_parameter.unlogged #asideLeft h1, #profile_detail.unlogged #asideLeft h1, #profile_account_settings.unlogged #asideLeft h1,
#default.unlogged #asideLeft h1, #application_ecom_buy_paymentInfo_subscription_from_promo.unlogged #asideLeft h1 {
    font-size: 20px;
    margin: 20px 0 0;
}

#profile_account.unlogged #main-container #asideLeft, #profile_parameter.unlogged #main-container #asideLeft, #profile_detail.unlogged #main-container #asideLeft, #profile_account_settings.unlogged #main-container #asideLeft,
#default.unlogged #main-container #asideLeft, #application_ecom_buy_paymentInfo_subscription_from_promo.unlogged #main-container #asideLeft {
    display: block;
    padding: 15px; 
    width: 100%;
}

#profile_account.unlogged #asideLeft input, #profile_parameter.unlogged #asideLeft input, #profile_detail.unlogged #asideLeft input, #profile_account_settings.unlogged #asideLeft input,
#default.unlogged #asideLeft input, #application_ecom_buy_paymentInfo_subscription_from_promo.unlogged #asideLeft input {
    width: 100%;
}

#profile_account.unlogged #asideLeft input[type="checkbox"], #profile_parameter.unlogged #asideLeft input[type="checkbox"], #profile_detail.unlogged #asideLeft input[type="checkbox"], #profile_account_settings.unlogged #asideLeft input[type="checkbox"],
#default.unlogged #asideLeft input[type="checkbox"], #application_ecom_buy_paymentInfo_subscription_from_promo.unlogged #asideLeft input[type="checkbox"] {
    width: auto;
}
#profile_account.unlogged #main-container #asideLeft label, #profile_parameter.unlogged #main-container #asideLeft label, #profile_detail.unlogged #main-container #asideLeft label, #profile_account_settings.unlogged #main-container #asideLeft label,
#default.unlogged #main-container #asideLeft label, #application_ecom_buy_paymentInfo_subscription_from_promo.unlogged #main-container #asideLeft label {
    font-size: 14px;
    padding: 0 0 5px 0;
}

#profile_account.unlogged #main-container #asideLeft label[for="rememberMe"], #profile_parameter.unlogged #main-container #asideLeft label[for="rememberMe"], #profile_detail.unlogged #main-container #asideLeft label[for="rememberMe"], #profile_account_settings.unlogged #main-container #asideLeft label[for="rememberMe"],
#default.unlogged #main-container #asideLeft label[for="rememberMe"], #application_ecom_buy_paymentInfo_subscription_from_promo.unlogged #main-container #asideLeft label[for="rememberMe"]{
    display: inline-block;
}

#profile_account.unlogged #main-container #asideLeft a.forgot-password, #profile_parameter.unlogged #main-container #asideLeft a.forgot-password, #profile_detail.unlogged #main-container #asideLeft a.forgot-password, #profile_account_settings.unlogged #main-container #asideLeft a.forgot-password,
#default.unlogged #main-container #asideLeft a.forgot-password, #application_ecom_buy_paymentInfo_subscription_from_promo.unlogged #main-container #asideLeft a.forgot-password{
    color: #1dadea;
    display: block;
    margin: 10px 0 0;
}

#profile_account.unlogged #main-container #asideLeft .input-checkbox, #profile_parameter.unlogged #main-container #asideLeft .input-checkbox, #profile_detail.unlogged #main-container #asideLeft .input-checkbox, #profile_account_settings.unlogged #main-container #asideLeft .input-checkbox,
#default.unlogged #main-container #asideLeft .input-checkbox, #application_ecom_buy_paymentInfo_subscription_from_promo.unlogged #main-container #asideLeft .input-checkbox {
    margin-top: 10px;
}

.unlogged #toggleMenu {
    display: none;
}

.unlogged .btn-red, #authentication .btn-white, #application_ecom_buy_paymentInfo_subscription_from_promo.unlogged .btn-red {
    width: 100%;
}
#authentication .btn-white {
    padding: 9px 20px;
    border-color: #1dadea;
    color: #1dadea;
    margin-top: 25px;
}

/* ================================================== */
/*                      Banner                        */
/* ================================================== */

#banner {
    background-color: #dfe5eb;
    height: 5px;
}

body.menuOpen #banner {
    display: none;
}

#banner .block {
    display: inline-block;
    float: left;
    margin: 0 0 0 .5%;
    min-height: 5px;
    vertical-align: top;
    width: 24.62%;
}

#banner .block1 {
    background-color: #1dadea;
    margin-left: 0;
}

#banner .block2 {
    background-color: #3b23a3;
}

#banner .block3 {
    background-color: #f75054;
}

#banner .block4 {
    background-color: #2bbbb3;
}


/* ================================================== */
/*                      Content                       */
/* ================================================== */

#main-container {
    position: relative;
    width: 100%;
}

body.menuOpen #main-container {
    display: none;
}

#main-container #content {
    background: #fff;
    min-width: 320px;
    padding: 20px 10px;
    position: relative;
    width: 100%;
}

.headerHidden #main-container #content {
    padding-bottom: 0;
    padding-top: 0;
}

#profile_detail #main-container #content {
    padding-top: 15px;
}

#main-container-inner {
    background: #fff;
    width: 100%;
}

p.full {
    color: #424242;
}

p.resume {
    color: #424242;
    padding: 0;   
}

.legend {
    margin: 20px 0 0;
    padding: 20px 0;
}

#content-body .group-sep ul li,
#suggest-my-research ul li {
    margin: 0 0 10px;
}
#content-body .group-sep ul.rc-select-results li {
    margin: 0;
}

div.inner {
    height: 100% ;
}
 
#widget-activity-recent .block-title {
    font-size: 16px;
}

.rc-result-list {
    margin-bottom: 20px;
}

ul.important li:before, .netiquette ul li:before, ul.important1 li:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZTljODg3YS0xZWJhLTQ2Y2QtOGFmMy03ODE3NDVmMjhkOGQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEYxQ0JEQURCODkxMTFFNUEyMUNDREJCQTY0N0NBOTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEYxQ0JEQUNCODkxMTFFNUEyMUNDREJCQTY0N0NBOTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4NTFhZTdiZC03MTZjLTQ4Y2ItOWM1Ni1lNmU1YmU4MDFmNmUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmYjdlOTkwNy1mN2I1LTExNzgtYTZkMC04NTYwZWY0ODI1NzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7m2uhxAAAA1ElEQVR42mL4//8/A16w9l0uEH8DYnt0KZBeJgbCQBSIOYF4AdAQHnRJYgzoAuIHQKwAxL3okowgZzAyMhLyhiOQ3AfluTMEC+0ixQsMQA37geQkKG8O0EA+UrwAA5VAfAeIZZG9AvHCuvesQDY3EYbYAvEmKNvjf5DgThYo5xoQqzCQBuaAXMPEQCGAuUCLDC+kER+NkKjkApIXoV6dA4yZVOKjEQLaoZofA3ExHRMSJP3Pg/JmwTSTkpDKoPngAbLTSTHgDRD/AOIEoO1f0CUBAgwAYgtLuG8t/nMAAAAASUVORK5CYII=) no-repeat;
    content: '';
    display: block;
    height: 18px;
    left:0;
    position: absolute;
    top: 5px;
    width: 18px;
}
ul.important li, ul.important1 li {
    margin: 10px 0;
    padding: 0 0 0 30px;
    position: relative;
}
ul.important li a, ul.important1 li a {
    color: #424242;
    line-height: 16px;
}

#webcam_rules ul.important li a, #webcam_rules ul.important1 li a {
    color: #1dadea;
}

ul.important1 li:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZTljODg3YS0xZWJhLTQ2Y2QtOGFmMy03ODE3NDVmMjhkOGQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkJCMDc3NzRCODk1MTFFNUE0MUZCRkM3MzlGM0JFMUQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkJCMDc3NzNCODk1MTFFNUE0MUZCRkM3MzlGM0JFMUQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNjZjYWJlYy01ZDI3LTQ1YjUtYjI2MC1mMDQxZDQzNjgxNmUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmNDZjNGU2OC1mN2I1LTExNzgtYTZkMC04NTYwZWY0ODI1NzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7OwSKaAAAAv0lEQVR42mJgwAO+B4TkAvE3ILZHl2NiwA9EgZgTiBcANfOQorELiB8AsQIQ9yJLMBLQCHKuI5DaB+W6c25Ys4sojVDNE4FUHhA/BmIdoOZPTAzEgUogvgPEsjAnMwJNYwXS3ERotgXiTVC2BwuQuAbEKgykgTlMDGQCkI1aZDg1jdhQ5QJSF6FemgMM1VRindoO1QSKjmLaJQBo+rwMTXKzgJrSiU2rZVBND2BOJFbjGyD+AcQJQNu+IEsABBgAUgs1lH0OdTsAAAAASUVORK5CYII=) no-repeat;
}

.unlogged #header,
.rc-logo img.notMobile,
#widget-community-stats,
#aside section#search-container {
    display: block;
}

.expandIcon {
    position: absolute;
    right: 10px;
    text-align: left;
    top: 10px;
}

.checkbox-wrapper,
.radio-wrapper {
    margin-top: 10px;
    overflow: hidden;
}

.rc-select-container-single .rc-select-single div b {
    top: 14px;
}


/* === Maser slider common === */
.master-slider.ms-edge .ms-view {
    background: #FFF;
    -webkit-perspective: none;
    perspective: none;
}


 
 /* Gift section */

#gifts_offer_scroll .gifts {
    background: white;
    margin: 0;
    width: 298px;
}

#gifts_offer_scroll .gifts .viewport {
    height: 220px;
    left: 25px;
    overflow: hidden;
    position: relative;
    width: 250px;
}

#gifts_offer_scroll .gifts .viewport ul.overview {
    left: 25px;
    margin: 5px 0 0;
    padding: 0;
    position: absolute;
    top: 0;
}

#gifts_offer_scroll .gifts .viewport ul.overview li {
    float: left;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    width: 250px;
    box-sizing: content-box;
}

#gifts_offer_scroll .gifts .buttons {
    display: block;
    height: 100%;
    padding: 0;
    position: absolute;
    top: 0;
    width: 20px;
    z-index: 999;
}

#gifts_offer_scroll .gifts .buttons.prev span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZTljODg3YS0xZWJhLTQ2Y2QtOGFmMy03ODE3NDVmMjhkOGQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTA5OTRDQTNDRUEzMTFFNUExMERDREY4NjMwMDM3QjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTA5OTRDQTJDRUEzMTFFNUExMERDREY4NjMwMDM3QjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3OWU4NjNkNy1hYzRiLTQwN2UtYWRjMy1mN2YxZjQ4MjljZTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjYzU4YzRmMS0wYmU1LTExNzktYTlkNS1iODg2NWQ4NWEwNTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4U+6M8AAAA1ElEQVR42oySsQrCMBiETck7CY4VBQW7iHRwsk4uTiKCsyiOgjjpoLOLg4JYNwcHnyl+kQhtaKKF4yB8vSSXXyilSr6v2mjHWC/4AXWxPTpID5Rga9RJL8dT4IAG2AbFGtJrsgAaYnPUBEq/64EFTbAFamWhXCLQFBujGtDD3kkaSKfoc9WBnkXnlgbqoxDo5WrB22MOJEVfYIvupJe9iQZeoitwxbs18Mz0dwMObVDYQ5EpPHIWbpJX2Aid+SlyJhYMxee9hW8ezZjtUCL+Hdy3AAMAXKBYGGklaQgAAAAASUVORK5CYII=) no-repeat;
    display: block;
    height: 18px;
    left: 10px;
    margin-top:-9px; 
    position: relative;
    top: 50%;
    width: 10px;
}

#gifts_offer_scroll .gifts .buttons.next span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASCAYAAABit09LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZTljODg3YS0xZWJhLTQ2Y2QtOGFmMy03ODE3NDVmMjhkOGQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjNBODZGN0RDRUEzMTFFNTlDNERERjg5QTYwRDRCQjciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjNBODZGN0NDRUEzMTFFNTlDNERERjg5QTYwRDRCQjciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3OWU4NjNkNy1hYzRiLTQwN2UtYWRjMy1mN2YxZjQ4MjljZTAiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjYzU4YzRmMS0wYmU1LTExNzktYTlkNS1iODg2NWQ4NWEwNTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5E5HqrAAAA3ElEQVR42oySsQrCMBRFY/GPHATd2kUFHXToIDq5FMHJoT8giji5OOmgUxEXB1uU+mv1PEil1Cb44HALPX15SaPczjABP8syZcNRSl3g7HVHY2WpmthIA54jmKfx7VQlSkfFyzvhw4GPAqNYkHuwQ14YRS2nRB82yOHPjOVCahExbPl4ZRS13CSeMjdyaBS13CASODrqz3Is3WTpt3STpR2D1NbzyWbCyo5ILvGCdb5jqXpJ8gg5+BBpXzmj/t8PWJalb8fCpQiMl0JfryvMTFLecQJTpMh2jh8BBgBmJXBVC5zexAAAAABJRU5ErkJggg==) no-repeat;
    display: block;
    height: 18px;
    margin-top: -9px;
    position: relative;
    top: 50%;
    width: 10px;
}

#gifts_offer_scroll .gifts .buttons.rc-btn-next {
    position: absolute;
    right: 0;
}

#gifts_offer_scroll .gifts .buttons.disabled {    
    cursor: default;
}

#gifts_offer_scroll .gifts .viewport ul.overview li div p {
    font-size: 16px;
    padding: 0;
}

#gifts_offer_scroll .gifts .viewport ul.overview li div .stock {
    color: #1dadea;
}

.modal#gifts .form, .modal#gifts .form-submit {
    padding: 0 10px;
}

p.solde, #tokens a {
    display: inline-block;
    margin: 0 5px;
    
}
p.solde {
    color: #1dadea;
    font-family: 'PT Sans', sans-serif;
    font-weight: 600;
}

/* Conseils */

.practicle div.tabs,
.theoric div.tabs {
    height: 71px;
}
#main-container #content #ctn-iframe #load-iframe {
    top: 100px;
}
form td.label label {
    padding-top: 2px;
}
.radio-wrapper label {
    padding-top: 0;
}
#registration-wrapper #code-promo-container label {
    display: block;
}

#application_ecom_buy_pay_process.ecom #registration-wrapper .timeline {
    width: 98%;
}
#application_ecom_buy_pay_process.ecom #registration-wrapper .timeline .cursor.step4 {
    left: 95%;
}
#application_ecom_buy_pay_process.ecom #registration-wrapper .timeline .wrapper > div.step4 {
    width: 95%;
}
#application_ecom_buy_pay_process .right-column {
    display: none;
}


/* === Form === */

.rc-select-container-single .rc-select-single {
    font-family: 'Source Sans Pro', sans-serif;
    border: 1px solid #ababab;
    color: #000;
    cursor: pointer;
    display: block;
    min-height: 33px;
    overflow: hidden;
    padding: 8px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.rc-select-container-single .rc-select-single span {
    display: block;
    font-weight: 400;
    padding-right: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

#authentication .rc-form-field .field-wrapper {
    width: auto;
}

.rc-form-field .field-wrapper, .rc-form-field .field-wrapper.full {
    width: 100%;
}

#pwdRecoveryModal.modal .rc-form-field {
    margin: 0;
    padding: 0;
}

#authentication .rc-form-field {
    clear: both;
}

#authentication .rc-form-field input[type="email"], #authentication .rc-form-field input[type="password"] {
    width: 100%;
}

#form-share .rc-form-field .field-wrapper, #user-alert-form .rc-form-field .field-wrapper {
    width: 345px;
}

#user-alert-form .rc-form-field .field-wrapper {
    padding-bottom: 0;
}

#registration-wrapper form .rc-form-field {
    margin: 10px 5px 0 0;
}

.rc-select-container .rc-select-drop {
    background: #fff;
    border: 1px solid #ababab;
    border-top: 0;
    -webkit-box-shadow:  0px 8px 16px 0px rgba(0,0,0,0.2);
    box-shadow:  0px 8px 16px 0px rgba(0,0,0,0.2);
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: -9999px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 999;
}

.rc-select-container-single .rc-select-drop {
    -moz-background-clip: padding;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 0 0 3px 3px;
    background-clip: padding-box;
    margin-top: -1px;
}
.rc-select-container.rc-select-with-drop .rc-select-drop {
    left: 0;
}
.rc-select-container .rc-select-drop .rc-select-search {
    display: none;
}

.rc-select-container-single .rc-select-single abbr {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAlCAYAAAAN8srVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzAyRDc0OTRCRTVEMTFFMjk4NjZCMTBBQzg0MEI0RUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzAyRDc0OTVCRTVEMTFFMjk4NjZCMTBBQzg0MEI0RUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMDJENzQ5MkJFNUQxMUUyOTg2NkIxMEFDODQwQjRFRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMDJENzQ5M0JFNUQxMUUyOTg2NkIxMEFDODQwQjRFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pkms99IAAANASURBVHja1FhNaxNBGJ7dFiyJRoQN1R6EgCcvUVoRTCHxB4hQEBEM5qJFrCIebD4OuxtoUzz05AfipVp/gIh4KKQfEA9C/LqIUCyKNlD34CUJeGjWZ9LZOAmzTdskuPPCw7zz7mTyPnnfeXY3im3bBHYaWAR8pNm+A6cAi/xnSyQSOh3n5ubM7eIqi78FLgGb3NoqMOYhMoamacb8/PzSdvF+7nMvgZvAQzYfB94Tb5iCpEkwGCSlUilGk8/n88uMTD0eCoVimOsKaznecsA+4A7xkIHEMshEnbllbTUOJROJRMjo6CidmiJCCmvFTeIxayVFjSdDK9Yv+Jy9FzLK+LsdrbMfD++ZENpsCRWJ0jZrfK+iNMg0ztDIyEjbzYrFoieEobWjCoUCWVtbi8bjccKrHJXtCqsOj2+0TXfxvd3ax03lGmeGwjFHKHoh272Sf4UnQ88MYA4NDa04CxyVUwWyTTqU7W7t0zDcNI1wOLzSKgBosxglxcWVVlF4BBxlsv28gxy6tQ8nNsdjdnzYYDHj34rmuEjl0lwrdmLd2scxHQnbrDqu8a7Jdg/3qSftyDIz0y3e3y1J7uT+spPO43zDxVfcKuRFM7iKtBJpurGqRB4zBOeniYxshJxzuW1MJkK6oNWcyumyERKpnCkiJYsoKG5nhquOlCrX1he94HmrNDt8z5JV5dr/AF6v0G7NM2eIvUrXbWpqyt/X13eo/jJVrZay2WxNeFMSFMNzLTczMzMJMl/h/qDw+Xwfc7ncBelajlYIZO7DvYGc1jGn/hHgFqvGlVQq9axdhTxDCGTOgsQi8nlTq9XOZTKZ3zSO6pzEsIBrA4gfS6fTG1K0HBIeowkCEw4ZaqjKB3qsgP2qqp6RSbYP0B+9XC5/Flz7xMYBaQihMj9RJSUQCJwXXL7Inqp/SSPbIPQUfJJwn0xPT1cty3qtaZoPbXYN8auIb1QqlWVpKoTDvorhMnAQBF4NDg5+gXyvwp9leR72+/2zUsk2UzX6v/RtzE9grCG/F/BpJ6VYJR9AKCY8L9v8k4LIQFTHGoMRof/73U0mk2VpH05RFRNEJuH+AbHrQFT6p22QugdSC2y6LlrzV4ABAJniYjXfMy6pAAAAAElFTkSuQmCC) -42px 1px no-repeat;
    display: block;
    font-size: 1px;
    height: 12px;
    position: absolute;
    right: 26px;
    top: 6px;
    width: 12px;
}
.rc-select-container-single .rc-select-single div {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: -1px;
    width: 8px;
}
.rc-select-container-single .rc-select-single div b, #registration .citySelect span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2MDdiNDNkZS05YjdkLTQwZWQtYjkxZi00YWNhMWYxZGYzZTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDVCOEUzQjVBOUE1MTFFNThBRUJBNzI3MDZCM0M4REIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDVCOEUzQjRBOUE1MTFFNThBRUJBNzI3MDZCM0M4REIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NWFiYWVlZC1hZGRjLTQzMzEtYWM2Mi1hY2MxZGQ2N2UxY2EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjA3YjQzZGUtOWI3ZC00MGVkLWI5MWYtNGFjYTFmMWRmM2U3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4nKmUgAAAKVJREFUeNpicfII2sfAwFC2b8e6MwxEAKB6EyDVxQQkGoB4LVBAhwhNIDVrQXoYoQIeQGoaELsBbb6DQ5MKkNoFxFlANTsYkSSCgVQ7iAmUeIKmSQZIgbxUCZQD2cjAiKYgHuRfIHYAKngNFRMFUgdA/gKKLYSpZcTipBwglQTEjlCh/UA8D6hpCrI6Rhz+qQJS3lDuVqCmNgZiAVBzBwjjkgcIMABamDbYoK4BFQAAAABJRU5ErkJggg==) no-repeat;    
    display: block;
    height: 8px;
    margin-top: -4px;
    position: absolute;
    right: 8px;
    top: 50%;
    width: 14px;
}

#contact_form_sujet_rc-select.rc-select-container-single .rc-select-single div b {
    top: 15px;
}

/* Profile Create */

#topsearch .rc-form-field#sexe-custom .rc-select-close, #topsearch .rc-form-field#age-custom .rc-select-close,  #topsearch .rc-form-field#age-custom-pref .rc-select-close, #topsearch .rc-form-field#orientation-custom .rc-select-close, #topsearch .rc-form-field#geolocation-custom .rc-select-close,
#search.unlogged #topsearch .rc-form-field .rc-select-close {
    display: none;
}

.rc-select-container-single .rc-select-default {
    color: #999;
}

.rc-select-container .rc-select-results .highlighted {
    background-color: #2f95eb;
    color: #fff;
}
.rc-select-container .rc-select-results {
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid #bababa;
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
}
.rc-select-container .rc-select-results li {
    border-bottom: 1px solid #ccc;
    display: none;
    height: auto;
    list-style: none;
    padding: 8px;
}

.rc-select-container .rc-select-results li:last-child {
    border-bottom: none;
}

.rc-select-container .rc-select-results .active-result {
    cursor: pointer;
    display: list-item;

}
.rc-select-container .rc-select-results li em {
    background: #feffde;
    font-style: normal;
}
.rc-select-container .rc-select-results .highlighted {
    background-color: #2f95eb;
    color: #fff;
}
.rc-select-container .rc-select-results .no-results {
    background: #f4f4f4;
    display: list-item;
}
.rc-select-container .rc-select-results .group-result {
    color: #999;
    cursor: default;
    font-weight: 700;
}
.rc-select-container .rc-select-results .group-option {
    padding-left: 15px;
}
.rc-select-container .rc-select-results-scroll {
    background: #FFF;
    margin: 0 4px;
    position: absolute;
    text-align: center;
    width: 321px;
    z-index: 1;
}
.rc-select-container .rc-select-results-scroll span {
    display: inline-block;
    height: 17px;
    text-indent: -5000px;
    width: 9px;
}
.togglelist .prefab label,.togglelist .prefab .send-mess{
    padding-left: 35px;
}
form label,
.form label {
    color:#424242;
    display: block;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 5px 0;
}

form textarea,
.form textarea {
    resize: none;
    width: 100%;
}

.form-field-collapse {
    position: relative;
}
.form-field-collapse label {
    border: 1px solid #ababab;
    color: #000;
    cursor: pointer;
    display: block;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    overflow: hidden;
    padding: 8px;
    position: relative;
    text-decoration: none;
    user-select: none;
}

.form-field-collapse label em {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-field-collapse.form-field-default label em {
    color: #999;
}

.form-field-collapse > label > span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2MDdiNDNkZS05YjdkLTQwZWQtYjkxZi00YWNhMWYxZGYzZTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDVCOEUzQjVBOUE1MTFFNThBRUJBNzI3MDZCM0M4REIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDVCOEUzQjRBOUE1MTFFNThBRUJBNzI3MDZCM0M4REIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NWFiYWVlZC1hZGRjLTQzMzEtYWM2Mi1hY2MxZGQ2N2UxY2EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjA3YjQzZGUtOWI3ZC00MGVkLWI5MWYtNGFjYTFmMWRmM2U3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4nKmUgAAAKVJREFUeNpicfII2sfAwFC2b8e6MwxEAKB6EyDVxQQkGoB4LVBAhwhNIDVrQXoYoQIeQGoaELsBbb6DQ5MKkNoFxFlANTsYkSSCgVQ7iAmUeIKmSQZIgbxUCZQD2cjAiKYgHuRfIHYAKngNFRMFUgdA/gKKLYSpZcTipBwglQTEjlCh/UA8D6hpCrI6Rhz+qQJS3lDuVqCmNgZiAVBzBwjjkgcIMABamDbYoK4BFQAAAABJRU5ErkJggg==) no-repeat;    
    display: block;
    height: 8px;
    position: absolute;
    right: 8px;
    top: 16px;
    width: 14px;
}

#search #topsearch .form-field-collapse > label > span {
    right: 10px;
}

#search #topsearch .select-closable > label > span {
    right: 25px;
}

#search.unlogged #topsearch .form-field-collapse > label > span {
    right: 10px;
}

#search .rc-select-container-single .rc-select-single .rc-select-close {
    height: 10px;
    margin: -5px 0 0;
    padding-right: 0;
    position: absolute;
    text-indent: -1000px;
    top: 50%;
    width: 10px;
}

#search .rc-select-container-single .rc-select-single div b {
    right: 25px;
}

/* Selects inside double select */

#search #topsearch .rc-select-custom .rc-select-container-single .rc-select-single div b {
    right: 10px;
}

#topsearch .rc-select-custom .rc-select-container-single .rc-select-single span {
    padding-right: 26px;
}

#topsearch .rc-select-custom {
    width: 40%;
}

#topsearch .proximity-select .rc-select-custom {
    width: auto;
}

.form-field-collapse .field-wrapper-container {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 100;
}
.form-field-collapse .field-wrapper-container > .field-wrapper {
    background: #fff;
    border: 1px #ababab solid;
    border-top: none;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    height: auto;
    margin: 0;
    padding: 0;
}

#geolocation-custom.form-field-collapse .field-wrapper-container .field-wrapper {
    min-height: 90px;
}

#search .rc-form-field#custom-ville .city-wrapper .field-wrapper {
    border-bottom: none;   
}

.checkbox-wrapper label,
.radio-wrapper label {
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    vertical-align: middle;
}

.checkbox-wrapper.responsiveCheck label,
.radio-wrapper.responsiveCheck label,
.checkbox-wrapper label.responsiveCheck,
.radio-wrapper label.responsiveCheck {
    padding: 0;
}

label.noWrapUnder,
label.noWrapUnder  {
    margin-left: 24px;
}

label.noWrapUnder input[type='checkbox'],
label.noWrapUnder input[type='radio'],
label.noWrapUnder input[type='checkbox'] + .checkbox,
label.noWrapUnder input[type='radio'] + .radio {
    margin-left: -24px;
}

#search .form-field-collapse#form-fields .field-wrapper-container .field-wrapper.checkbox-wrapper label {
    padding: 0;
}

.field-wrapper.checkbox-wrapper ul li {
    border-bottom: 1px solid #ababab;
    line-height: 1.2em;
    padding: 8px;
}

.field-wrapper.checkbox-wrapper ul li:hover {    
    background-color: #dfe5eb;
    color: #000;
}

.form-field-collapse .field-wrapper-container .field-wrapper.checkbox-wrapper label,
.form-field-collapse .field-wrapper-container .field-wrapper.radio-wrapper label {
    border: none;
    padding: 2px 0 0;
    width: 100%;
}

.checkbox-wrapper input,
.radio-wrapper input {
    clear: left;
    cursor: pointer;
    display: inline-block;
    margin: 5px 0;
    position: relative;
    vertical-align: middle;
}

.checkbox-wrapper.checkLeft input {
    clear: both;
    float: left;
}

.checkbox-wrapper.checkLeft label {
    display: inline-block;
    float: none;
    padding-top: 1px;
}

/* Récupération du mot de passe */

.password-reset #main-container fieldset {
    margin: 20px 0;
}

/* Contact Us */

#contact_home .rc-select-container-single .rc-select-single {
    padding: 6px 8px;
}

/* ================================================== */
/*                     Messages                       */
/* ================================================== */


/* === Mailbox Received === */

/* Liste */

#message_list .select-remove {
    display: block;
    margin: 20px 0;
}

#message_list #loading {
    left: 50%;
    margin-left: 12px;
    position: relative;
}

#message_list form label {
    display: inline; 
    font-weight: 400;  
}

#message_list .rc-result-list article {
    display: block;
    padding: 10px 0;
    width: 100%;
}

#message_list .rc-result-list article:last-child {
    background: none;
}

#message_list a.username-user {
    color:#000;
    display: inline-block;
    font-weight: 700;
    margin: 0;
}

#message_list a.title-mess {
    color:#000;
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

#message_list .unread a.username-user, #message_list .unread a.title-mess, #message_list .unread p {
    font-weight: 700;
}

#message_list .img-user, #message_list .img-user input,  #message_list .infos-mess {
    display: inline-block;
    float: left;
    position: relative;
}

#message_list .infos-mess {
    max-width: 70%;
}

#message_list .infos-mess span {
    font-size: 14px;
}

#message_list .img-user input[type=checkbox], #message_list .select-remove input[type=checkbox] {
    margin: 12px 10px 0 0;
    border: 1px solid #ababab;
    visibility:hidden;
}

#message_list .img-user label, #message_list .select-remove label.check {
    border:1px solid #ababab;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    left: 0;    
    margin: 18px 10px 0 0;
    position: absolute;
    top: 0;
    width: 15px; 
}

#message_list .select-remove label.check {
    margin: 13px 10px 0 0;
}

#message_list.device_android .select-remove label.check {
    margin-top: 15px;
}

#message_list .img-user label:after, #message_list .select-remove label.check:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 10px;
    height: 7px;
    background: transparent;
    top: 1px;
    left: 2px;
    border: 3px solid #424242;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#message_list .img-user input[type=checkbox]:checked + label:after, #message_list .select-remove input[type=checkbox]:checked + label.check:after  {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

#message_list article.mail-result img {
    border-radius: 50%;
    height: 50px;
    margin: 0 10px 0 0;
    width: 50px;
}

#message_list .select-remove .trashMail {
    margin-top: 10px;
}

#message_list .rc-result-list article a.attached {
    display: inline-block;
    float: right;
    margin: 60px 0 0;
}

#noNewsIcon {
    display: none;
}

/* === Bodyguard === */

.bodyguard.active, .bodyguard.inactive {
    display: none;
}

#message_list .bodyguard, #profile_detail .bodyguard {
    margin: 25px 0;
    min-height: 80px;
    padding: 15px 20px 20px 90px;
    width: 100%;
}

#message_list .bodyguard h1, #profile_detail .bodyguard h1 {
    font-size: 22px;
    font-weight: 400;
    margin: 0;
    padding-bottom: 20px;
}

#profile_detail .bodyguard.inactive h1 {
    line-height: 28px;
    padding: 0 0 20px 0;
}

#profile_detail .bodyguard.inactive p {
    padding: 20px 0 0;
}

.bodyguard .svg-icon.active-bodyguard, .bodyguard .svg-icon.inactive-bodyguard {
    height: 50px;
    left: 20px;
    position: absolute;
    top: 15px;
    width: 50px;
}

#message_list #colorbox .bodyguard:before {
    display: none;
}

#message_list .tabs a .text {
    display: inline-block;
    vertical-align: middle;
}

#message_list .bodyguard.active, #profile_detail .bodyguard.active {
    border: 3px solid #1dadea;
    min-height: 115px;
}

.bodyguard.active .countBlock {
    display: block;
    left: 15px;
    position: absolute;
    text-align: center;
    top: 75px;
    width: 50px;
}

.bodyguard.active span.count {
    background: #f75054;
    border-radius: 20px;
    color: white;
    padding: 0 8px;
    text-align: center;
}

.bodyguard.inactive {
    border: 3px solid #f75054;
    max-width: 100%;
}

#message_list article span.allow, #profile_detail article span.allow {
    color: #1dadea;
    cursor: pointer;
    display: inline-block;
    float: right;
    margin: 10px 0 0;
}

#message_list .notice.alert p {
    margin-top: 8px;
}

#message_list h2.bgmessage {
    border-bottom: 1px solid #ccc;
    font-size: 25px;
    margin-top: 20px;
    padding-bottom: 5px; 
}

/* Read message */

#message_getsass #loading {
    left: 50%;
    margin-left: 12px;
    position: relative;
}

#message_getsass .messageHead {
    margin: 0 0 15px 0;
    padding: 20px 0;
}

#message_getsass .messageHead h2 {
    font-size: 26px;
    line-height: 26px;
}

#message_getsass .messageHead h3 {
    font-size: 16px;
    line-height: 20px;
}

#message_getsass .messageHead h3 a {
    color:#000;
    font-weight: 600;
}

#message_getsass .messageHead img, #message_getsass .messageHead .titles {
    display: inline-block;
    float: left;
}

#message_getsass .messageHead img {
    border-radius: 50%;
    margin: 0 5% 0 0;
    width: 20%;
}

.reply-remove {
    margin: 30px 0 0;
}
.messageHead .titles {
    width: 75%;
}

#message_getsass .cboxPhoto {
    padding: 30px 10px 10px;
}


/* === Write message === */

#message_send .error {
    margin: 5px 0;
    width: 100%;
}

.prefablist .togglelist {
    display: none;
    margin: 20px 0 0;
}

#nbJetons {
    color: #1dadea;
    margin-left: 23px;
}

/* Notice Messages */

.notice,
.error li.notice {
    margin: 10px 0;
    padding: 7px 15px;
    position: relative;
}

.notice.flex {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.notice.flex.hidden {
    display: none;
}

.notice h2 {
    font-size: 20px;
    color: #1dadea;
    padding: 0 0 5px 65px;
}

.notice.info h2 {
    font-size: 20px;
    color: #424242;
    display: inline-block;
    padding: 0 0 5px 65px;
}

.notice p {
    color: #424242;
    display: inline-block;
    line-height: 1.4em;
    margin: 0;
    padding: 0 0 0 65px;
}

.notice.flex p {
    padding: 0;
}

.notice p.show {
    display: block;
}
.notice.formValid p, .notice.formError p, .modal .notice.formValid p {
    line-height: 22px;
    padding: 0 0 0 35px;
}

.notice p + p {
    line-height: 20px;
}

.notice.flex .flexCol {
    flex: 1 1 auto;
    padding-left: 20px;
}

.notice.error,
.notice.alert,
.notice.warning,
.notice.info, 
.notice.valid {
    border: 3px solid #1dadea;
    min-height: 80px;
}

.notice.formError, .notice.formValid {
    border: 2px solid #1dadea;
    line-height: 16px;
    min-height: 40px;
}

.notice.formError, #image-alert-form .notice.error {
   border: 2px solid #f24138;
   min-height: 40px;
}

.notice.contains_svg:before {
    background: none;
    content: none;
}

.error-icon-container {
    border: 4px solid #f75054;
    border-radius: 100%;
    display: inline-block;
    height: 53px;
    position: relative;
    vertical-align: middle;
    width: 53px;
}

.notice .error-icon-container {
    display: block;
    margin-top: -26.5px;
    position: absolute;
    top: 50%;
}

.error-icon-container .svg-icon {
    display: block;
    fill: #f75054;
    height: auto;
    left: 50%;
    max-height: 58%;
    max-width: 58%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.notice.flex .error-icon-container,
.notice.flex .valid-icon-container,
.notice.flex .svg-icon.flex-icon {
    flex: 0 0 auto;
    margin: 0;
    position: relative;
}


/* Error Messages */

.notice.error {
    border-color: #f75054;    
}

.notice.error h2 {
    color: #f75054;    
}
.notice.error p span, .notice.error span {
    display: inline-block;
    height: 16px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    width: 16px;
}

.notice.no-icon,
.error li.notice.no-icon {
    background-image: none;
    padding-left: 17px;
}


/* Form Errors */

.notice.formError .error-icon-container, 
#image-alert-form .notice.error .error-icon-container, 
#user-alert-form .notice.error .error-icon-container, 
#form-share .notice.error .error-icon-container,
.error-icon-container.inactive {
    border-width: 3px;
    height: 24px;
    margin-top: -12px;
    width: 24px;
}

.error-icon-container.inactive {
    margin-top: 0;
}

.unlogged .notice.formError .error-icon-container, 
#user-alert-form .notice.error .error-icon-container, 
#form-share .notice.error .error-icon-container,
#application_ecom_buy_paymentInfo_subscription_from_promo.unlogged .notice.formError .error-icon-container {
    left: 10px;
}


/* Alert / warning */


.notice .svg-icon.alert {
    display: block;
    fill: #f2a138;
    height: 52px;
    margin: 0;
    max-width: none;
    position: absolute;
    top: 10px;
    width: 53px;
}

.notice .svg-icon.warning,
.notice .svg-icon.info {
    display: block;
    fill: #f2a138;
    height: 53px;
    margin: -26px 0 0 0;
    max-width: none;
    position: absolute;
    top: 50%;
    width: 53px;
}

.notice.alert, .notice.warning {
    border-color: #f2a138;    
}
.notice.alert h2, .notice.warning h2 {
    color: #f2a138;
}

.notice.warning span.warning-text {
    display: inline-block;
    padding-left: 10px;
    width: 90%;
}

/* Info */

.error li.notice.info {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjI3RDZGQjFDRUJGMTFFMjlCMkVCNDhFREU0MkQ0QjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjI3RDZGQjJDRUJGMTFFMjlCMkVCNDhFREU0MkQ0QjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMjdENkZBRkNFQkYxMUUyOUIyRUI0OEVERTQyRDRCMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMjdENkZCMENFQkYxMUUyOUIyRUI0OEVERTQyRDRCMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpMNX2gAAAKtSURBVHjapFRNaBNREJ733m422WwSYxKo/Vda2w1CcygovVSqHgSlImo9CFIP6ql38SZ4qnd7C1I8qPQgBQWh/oCHWoViraZ4aCVWURpom3SbLkl2ndkkbWJSCjowvOTNzLcz38w81n/jPtSRAdSh0tlaukuivkR9jDpVdnw9dtM5pb8AulERmR1nQgATMjCOLpyRrQMsu8O28tcDHvFxdd24DGAvlAMrgfoRYBIBfFz2gHB7gSsqcFlBMOE42FYBrJwJhrnZo/rl+d7O0DBej5NNtPeeKWXCprjk8kveAMj+CMi+EAiPH8JBP+jNQVgxJeAuNyp+BD9gcYmn1oxzCrMW9fbIHEcQzJvFESQgaUFwBRqKIG7NyWZsuAvuXDwEp6P7nMzojmzkk1dC7NXnlXi+YOkEdALLOSZUPxrDQCeTXIjNIOgR23Vrbr5DAtrIh3wX14R4l/g1gRyxS8QJZSNUHxK8Q9tqtgC3Hi1Bd4MHnifWa1pLvhTz4VtalzCbASJWKN5ihypk9EJbVUZPZldrwTBm/oeJjRVyC3WnXE6lfFk2oCXshsONXtAUAXUFY1JZG4G4ZDotFlKNT3w6Bd9TW7CXUCxHqJ/UDcY4/KtEfApQ9Az8p+gHcHBx7B/SxNq2VddJLXHj3Y0jWonuAHDcnReabC3YhXyNw9ORKDSH3M7vUz2hqi6WpQtHI9amgYQA9kY6c14N+z7lbFtUdm50MlkVlNkqVGfr4jByspFWY5qAwDQyib6YMjz323pgWmIb6e3Sxq7leBDk9tlWaN6v0KReQ7Jt3OgsvHn/dfzK0dDVzoirsBe5VM69oYNwpEnN4N9B1AQrPmwMcGmdNXl2d1CfWUxPzCYNfW55E1YyOZAxybAmQ7RJhb4OH8RaNaccDKRnxHmT/ggwALLct17UiGIhAAAAAElFTkSuQmCC) no-repeat 10px center #dfe5eb;
}

.notice .svg-icon.info {
    fill: #22a0d8;
}

/* Bodyguard */

.notice.bodyguard {
    border: solid 3px #f75054;
}

.notice.bodyguard .svg-icon {
    fill: #f75054;
    max-width: 40px;
}

/* Valid */

.notice.valid {
    border-color: #1dadea;    
}

.valid-icon-container {
    background-color: #1dadea;
    border-radius: 100%;
    display: inline-block;
    height: 53px;
    position: relative;
    width: 55px;
}

.notice .valid-icon-container {
    display: block;
    margin: -26.5px 5px 0 0;
    position: absolute;
    top: 50%;
    vertical-align: top;
}

.valid-icon-container .svg-icon {
    display: block;
    fill: #FFFFFF;
    height: auto;
    left: 50%;
    max-height: 60%;
    max-width: 60%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -45%);
    -webkit-transform: translate(-50%, -45%);
    transform: translate(-50%, -45%);
    width: 100%;
}


/* Form Valid */

.notice.formValid .valid-icon-container,
.valid-icon-container.active {
    height: 24px;
    margin: -12px 0 0 0;
    vertical-align: middle;
    width: 24px;
}

.valid-icon-container.active {
    margin: 0;
}


/* Message envoyé */

.notice.statusMess p {
    padding: 0;
}

.notice.statusMess p + p {
    padding: 0 0 0 40px;
}

.notice.statusMess p, .notice.statusMess p + p {
    padding: 0 0 0 65px;
}

#message_send .notice.error {
    padding: 20px;
}

#message_send .notice.error:before {
    left: 15px;
}

/* Profile Account */

#profile_account .notice.valid:before {
    background: none;
    content: none;
}

#profile_account .notice.valid .valid-icon-container {
    height: 24px;
    margin-top: -12px;
    width: 24px;
}

#javascript-warning {
    display: block;
}
#javascript-warning .notice {
    margin: 10px 0 0 4px;
    background-color: white;
}

#javascript-warning .notice p {
    padding: 5px 0 5px 65px;
}

.notice.error.list {
    background: transparent;
    margin: 0;
    padding: 0;
}
.notice.error.list li {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/ui/form/ico_invalid.png) 10px center no-repeat transparent;
    background-color: #ffeded;
    margin: 0 0 .75em;
    padding: 0 10px .75em 35px;
}

form .error ul {
    padding: 20px 0 0;
}

.activity form .error ul {
    padding: 0;
}
.notice.emailValid,
.notice.emailInvalid {
    border: 2px solid;
    display: inline-block;
    position: relative;
}

.notice.emailValid {
    border-color: #1dadea;
}

.notice.emailInvalid {
    border-color: #f75054;
}

.notice img {
    position: absolute;
}

.notice.facebookConnected,
.notice.facebookDisconnected {
    border: 4px solid #1dadea;
    display: inline-block;
    padding: 10px 20px;
    position: relative;
}
.notice.socialNetwork {
    border: 2px solid #ECA700;
    display: inline-block;
    font-size: 18px;
    position: relative;
    max-width: 460px;
}
.notice.socialNetwork p {
    color: #ECA700;
}

.notice.facebookDisconnected {
    border: 4px solid #f75054;
}

.notice.emailValid p,
.notice.emailInvalid p,
.notice.facebookConnected p,
.notice.facebookDisconnected p {
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2em;
    vertical-align: bottom;
    color: #f75054;
}

.notice.emailValid p,
.notice.facebookConnected p {
    color: #1dadea;
}

.notice.emailValid p,
.notice.emailInvalid p,
.notice.socialNetwork p {
    padding-left: 40px;
}

.notice svg {
    display: inline-block;
    max-width: 50px;
    position: absolute;
    top: 50%;
    vertical-align: middle;
    width: 100%;
}

.notice.emailInvalid svg {
    fill: #231f20;
    margin-top: -12px;
    width: 20px;
}


/* === Activity === */

#activity_detail a.userList_fetcher {
    display: block;
    padding: 4px 20px;
}

.notice.error .notice.error, .notice.error .notice.alert, .notice.alert .notice.error, .notice.alert .notice.alert {
    background: none;
    color: #333;
    margin: 0;
    padding: 0;
}

form div.message {
    padding-top: 10px;
}

.filter-message #activity_filter_filter_checkbox input {
    margin: 0 6px 2px 10px;
}

#modal-activityMessage {
    height: auto!important;
    margin-left: -210px;
    margin-top: -296.66667px;
    min-height: 445px;
    width: 430px;
}

.legacy #modal-activityMessage .modal-body {
    padding: 0 15px;
}

#modal-activityMessage .select-wrapper {
    display: inline;
}

#modal-activityMessage .modal-body {
    height: auto;
    max-height: none;
}

form#activityMessage textarea {
    height: 130px;
}

.legacy form#activityMessage textarea {
    height: 115px;
    width: 100%;
}

form#activityMessage textarea div.input, form#activityMessage textarea div.select, form#activityMessage textarea div.checkbox {
    padding: 0 0 10px;
}

.legacy form#activityMessage input[type="text"] {
    width: 100%;
}

/* bounceInDown */
@-webkit-keyframes bounceInDown { 
  0% { opacity: 0; -webkit-transform: translateY(-100%); }
  20% { -webkit-opacity: 1; }
  60% { -webkit-transform: translateY(0.35em); }
  80% { -webkit-transform: translateY(-0.6em); }
  100% { -webkit-transform: translateY(0); } }

@-moz-keyframes bounceInDown {
  0% { opacity: 0; -moz-transform: translateY(-100%); }
  20% { opacity: 1; }
  60% { -moz-transform: translateY(0.35em); }
  80% { -moz-transform: translateY(-0.6em); }
  100% { -moz-transform: translateY(0); } }

@-ms-keyframes bounceInDown {
  0% { opacity: 0; -ms-transform: translateY(-100%); }
  20% { opacity: 1; }
  60% { -ms-transform: translateY(0.35em); }
  80% { -ms-transform: translateY(-0.6em); }
  100% { -ms-transform: translateY(0); } }

@-keyframes bounceInDown {
  0% { opacity: 0; transform: translateY(-100%); }
  20% { opacity: 1; }
  60% { transform: translateY(0.35em); }
  80% { transform: translateY(-0.6em); }
  100% { transform: translateY(0); } }
/* END: Animation */




/************************************************************************/
/*                       Qui a vu ma fiche?                             */
/************************************************************************/

.content-who {
    margin-top: 20px;
}

.who-item {
    color: #424242;
    display: inline-block;
    float: left;
    margin: 0 1.5% 15px;
    min-height: 284px;
    width: 47%;
}

@media screen and (min-width: 415px) {
    .who-item {min-height: 290px;}
}

.who-item .thumbnail {
    float: none;
    margin: 0 0 5px 0;
    width: 100%;
}

.who-item .thumbnail img {
    float: none;
    height: auto;
    width: 100%;
}

.who-item .thumbnail .isonline {
    right: 3px;
}

.who-item a {
    color: #424242;
    display: block;
    position: relative;
}

.who-item a .svg-icon.camera {
    vertical-align: top;
}

.who-item a.nickname {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
}

.who-item p {
    color: #424242;
    font-size: 15px;
    min-height: 20px;
    overflow: hidden; 
    padding: 0;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body:not(.device_default) .who-item a.btn-white {
    display: block !important;
}

.isonline {
    border-radius: 50%;
    bottom: 3px;
    display: block;
    position: absolute;
    right: 0;
}

#who_list #get-more-visits h4 {
    font-size: 36px;
}

.who-infos {
    position: relative;
}

#who_list #get-more-visits dl dd {
    margin: 0 0 40px;
}
#who_list #get-more-visits dl dt {
    color: #424242;
    font-size: 20px;
    padding-bottom: 20px;
}

#who_list #get-more-visits h3 {
    text-align: center;
}

#who_list #get-more-visits h4 span {
    display: block;
    font-size: 24px;
    line-height: 24px;
}

/************************************************************************/
/*                               Favoris                                */
/************************************************************************/

.visitorMessage {
    padding: 20px 0 0;
}

.my-favorites-list, .my-ignored-list {
    margin: 30px 0;
}

#favorite_list .who-item ul, 
#ignored_list .who-item ul,
#who_list .who-item ul {
    margin: 10px 0 0;
    padding: 10px 0;
}

#favorite_list .who-item ul li, 
#ignored_list .who-item ul li, 
#who_list .who-item ul li {
    display:inline-block;
    float:right;
    margin: 0 0 0 10px;
}

.noFavorite {
    background: #F75054;
    border-radius: 100%;
    display: block;
    height: 300px;
    margin: 40px auto;
    width: 300px;
}

.noFavorite .svg-icon.heart {
    fill: #C23B44;
    height: auto;
    left: 50%;
    max-height: 45%;
    max-width: 45%;
    position: absolute;
    top: 65%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.noFavorite h2, .noIgnored h2 {
    color: white;
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: -0.4px;
    padding: 45px 35px 0;
    position: relative;
    text-align: center;
}

.noFavorite p, .noIgnored p {
    color: white;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.16px;
    padding: 20px 35px;
    position: relative;
    text-align: center;
}

#favorite_list .popover {
    max-width: 230px;
}

#favorite_list .popover.top.top-left .arrow {
    left: 25px;
}

#favorite_list .popover.top.top-right .arrow {
    left: 100%;
    margin-left: -40px;
}

.favInfos {
    clear: both;
    position: relative;
}

#favorite_list .notice.info {
    margin: 20px 0 10px;
}

/* Ignored */

.noIgnored {
    background-color: #f75054;
    border-radius: 100%;
    display: block;
    height: 300px;
    margin: 40px auto;
    width: 300px;
}

.noIgnored .svg-icon {
    fill: #c23b44;
    height: auto;
    left: 48%;
    max-height: 65%;
    max-width: 65%;
    position: absolute;
    top: 48%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.noIgnored h2 {
    padding: 75px 35px 0;
}




/* ================================================== */
/*                 Change Password                    */
/* ================================================== */

#authentication_password_change .notice.error > p {
    padding-bottom: 15px;
    padding-top: 15px;
}




/* ================================================== */
/*                  Error pages                       */
/* ================================================== */

/* 400 et + */
body.errors h1 {
    margin: 40px 0;
}

body.errors #main-container {
    padding: 0 15px;
}

div.error-msgBg {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/sprite/error-pages-bg.svg) no-repeat;
    background-position: -290px 0;
    background-size: 580px 580px;
    display: inline-block;
    height: 290px;
    margin-bottom: 20px;
    position: relative;
    width: 290px;
}

#error-404 div.error-msgBg {
    background-position: 0 -145px;
    margin-bottom: 0;
}

div.error-msgBg p {
    color: #fff;
    font-size: 24px;
    font-weight: 200;
    left: 35px;
    line-height: 1.4em;
    position: absolute;
    text-align: center;
    top: 50px;
    width: 220px;
}

#error-404 div.error-msgBg p {
    font-size: 18px;
    left: 23px;
    top: 40px;
}

#error-503 div.error-msgBg p {
    font-size: 20px;
    left: 46px;
    top: 65px;
    width: 200px;
}

div.error-msg {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

div.error-msg p, div.error-msg p .rc-btn {
    color: #0d0d0d;
    font-size: 16px;
    line-height: 1.4em;
    margin: 0 0 20px;
}

div.error-msg p .rc-btn {
    margin: 0;
}





/* ================================================== */
/*                     Sniffer                        */
/* ================================================== */

#sniffer {
    background-color: #fff;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    display: none;
    height: 100px;
    margin: 0 auto;
    max-width: 520px;
    padding: 0 10px;
    width: 100%;
}
.device_android #sniffer.show,
.device_ios #sniffer.show {
    display: block
}
#sniffer .close {
    background: transparent url(data:image/gif;base64,R0lGODlhCgAKALMAAH9/f7CwsHd3d4WFhbi4uLe3t6+vr76+vmdnZ7a2tmZmZv///wAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEIxMTkxMDlBMzA0MTFFNEEyQUQ5NTZBQjgwMkU1RUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEIxMTkxMEFBMzA0MTFFNEEyQUQ5NTZBQjgwMkU1RUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QjExOTEwN0EzMDQxMUU0QTJBRDk1NkFCODAyRTVFRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QjExOTEwOEEzMDQxMUU0QTJBRDk1NkFCODAyRTVFRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAKAAoAAAQnUJBFawBJpboMOku2dV8leiBXKCVHKoWLZjGFUusWtLhCACkOYRABADs=);
    border: none;
    cursor: pointer;
    float: left;
    height: 10px;
    overflow: hidden;
    margin-top: -5px;
    position: relative;
    text-indent: -200px;
    top: 50%;
    width: 10px;
}
#sniffer .logo {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAsCAMAAAAUyMtVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY4NEU3QkE0QTMwNTExRTRCNEYyRUVDRTJCOTJCREM4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY4NEU3QkE1QTMwNTExRTRCNEYyRUVDRTJCOTJCREM4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Rjg0RTdCQTJBMzA1MTFFNEI0RjJFRUNFMkI5MkJEQzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjg0RTdCQTNBMzA1MTFFNEI0RjJFRUNFMkI5MkJEQzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/hEbvAAADAFBMVEX/aWlIq/7/urr/ODiszf9Mnv7/Tk4ukv7/YmL/bm7/ZGT/LS07iv//srIqjv4dZfxQsv0zlv5StP1Mrv0COfv/WVkojP7/DQ0faPxUtv1WuP0kiP5OsP3/VVUIbf8RUfv/NTWSvv5Gqf48n/4miv7/8fFEp/7C4/8cgP7/cnJZuv0ZXvwgafwskP4FP/swlP5Bo/4Eav//d3f/o6Mtg/5cQbUghf5aXMv/4eEOTfs/of7/FBQ3mv7/Ghr/SkoMSfuVwv//KChbvP0GbP//MjL/np4egv4KRfv/Hh4CaP//Rkbe8f//yso0mP5Cpf7/PDz/+voih/7/JCT/hob/QED/fHz/UlIhbPwKcP//Fxcac/4bYPw6nf7/XV3/EBBfa9T/X18Mcv/x9///IiL/Bgbf7f//UFD/mpr/ICD/Fha31f//EhJUTMT/eXklf/0CZ/8ANvv/Jib/Q0Mig/4UVvz/qak0l/4zhf//MDD/Cgr//f0HQfv/SEj/RET/HBwTVPwcYvyt3/5eZtH/Pj4off4ie/8XW/wSc/8IQvsMcP//Kyslef0vk/4Nb//C2v8ukf4fef8xlf4niP44m/4XfP8Sd/85nP5BpP5Dpv4We/9ev/07nv42mf4hhv4af/4Vev8/ov5KrP4TeP8Rdv8Zfv49oP5cvf1Lrf1gwf0Yff8Qdf8bgP4PdP8dgv4WWfxFp/5NsP0Uef8fg/4VWPwOc//7/f8DPPsLSPtfwP1dvv1Lrv1iw/1hwv3k7/8kb/z/wMAQUPtZu/1Ttf1Rs/1Xuf3/1dX/3NxgbtUrjf5iO6oZe/7/9/cdfv6Iyv7E6f4khf5Vt/33LTKg0f+n2P4Vd//v9f90R6jK3/+73P9np/9pu/1ztP6OOIhXVchHPsBPPLl3Opktj/7//v6YyP+YxP9zxv1/wP7g8v/W5v9Plf9TmP9cl/panP8Iav//l5eKuf9cYs5jxP1WUsZcrf6wNWxDQML8/f9Hqf78/v9MrP59zf3hP1Moiv6Q0v4AZv////95YQYYAAAEt0lEQVR42pTVBzjbaRzA8VfrxCZGijjUqi0pVUT0iFPUqHFE0aPUqN5RR5yOk/ZUPZpW1QwhZu2VGi1t7dvD7dnby+3tptzv/f9DK+rp9fs8EpHf53n/7/+RvEi6prfUOVz1d7YeOviHdIPQmlcHzjBNkrpbKhv7Lt733qdvH/z9bkCRmBc29rnRaZplzrz4X754dduekY3BVg63t0XYtjIvqrZoqrFe+vPdF1/b9uXIHQF3uErcZiMJt9R0FFBh3hPmFXSNtXUMjaY///fknnVguHWoq0fSQKfh+Yp6T0atucI4MW/ne6nuSudJOfDA6gYo5Tyv+HZG6IBCx6D2LMxPw/y1iZ9ekgNV4q47XNDMwpyd79W6zmsTE3/JAbij/g3EAiEV5ALNsACAaQBXOiE5cNsCsh10kAC2cLUOtxZ8tnpLyStaAYZGsITvJchXDuAreuzRs2ddqV4rQFcbbtKC0Zyd3fS0nd2c3G3dty/GIebGjRiDIgwYtbAH3UEQM4YLC0bQguEtYDWv8f3T9nFaBgQwEFXDHkIHlkgxq6MzA+nozBJgr/ukS+RDEAEcYmIcDLR4FfHwf1GLxbjuoLE2mfEgkj6vEYmQiu32RwA8XGzPBwHzfNhEfTsW5goKzR3jukQdzc3IylY/URmpgIAAxPG1IH6cswiWaG9ihAJZWlIgWzIfQGnR+gmJqggTW9tT/SDi+Py4OPsyHoh6C88mRk1orfUAzrq2tqYGJaTer5+grIyFisqpXBBExR+X80ReBAHDYNTUwEOTZ7sF8laKBpGoDIsg9GNh7uX+Yqj/8jMCZyom1WCgdvipr4+vrkBBK0JZWVV1p2khECi38B9HiqCcygsReXlVyPISiUKoKIcU+gkJCYmJOz2mgOBML2pqOpYJBOXlVCqPjEotdxZQUNQJLDCBbnp4eExNmZpOTU29bEnTxIZCEZBRKGWO8BcURghMoJtjuzxk+dPpdBoNo9VoNEs6HW0Oi8oJOg5EKTU19efdY2O7iMZekLg1hIeDsiSD38LDG9wkyAwELHLcG3e4pGS3rOd6bPokEjc3twYcPEsk/n02jW3Iz2wzJjkngqDDTk7HSoiOvV7Z1dbY2GMjq6ensa2rUigeQmp+QMLCnowClPPm6KiTrDMtQ2KxUFhJJhSKxUMtVa29w8hH7XE/M7wK7m89Pb1RIr1zvb3dra1Vslpbu3uHk5K4XBMU4VMKhDDQjuxsPaLs77hcbtJq8IJrYsJhMpkoOcIHEzBEO/SyybKYTA7HhIzDwaPMwOXl5XwUkJ4cccSntFRN1iu/vv/Rsx9+8Ns3i+rnAmVlZS2vpIjYbEzArHQkIiI5IIBtJZWOKJ4mp4oWv15UV3ctupCvKEWsWCCEIUtOTodxNvso/uy+4Qrjp8+v+brfn4nJEwG4dOKRzY7NYCmRb38VuHzh+toDZcsWIKxYQLJiY1msTFaw7P1vlw/JnUB+BUCwYbEyMjLwU+Z+lnfw6pmUL39kbSpIKQADiMhs+4OT7kdvvX/9h3Vn3FNpLnkak5si2aBYLp/IH4LnNzwU3X1SUvLWn5oHNj5Fg1OipHfv9i/j6LR7BHnz9wjm9/4P8J8AAwCifZak4wYdcwAAAABJRU5ErkJggg==) no-repeat;
    float: left;
    height: 44px;
    margin: 28px 0 0 12px;
    text-indent: -600px;
    width: 48px;
}
.device_android #sniffer .logo,
.device_ios #sniffer .logo {
    background: url(data:image/gif;base64,R0lGODlhKgAqAPcAACiM/lO1/Qhu/yOH/lCy/Rxs/f9+fk2v/TOW/le4/TWJ//8ODv8iIkap/iSI/hyA/iuP/v9mZv8xMf9dXUSm/v92dhJN9v85OU2w/WKj//7+/jea/v9JSUCj/v+DgzCT/gtw/wQ8+/9GRv8aGiJw/ABm//82Ni+S/v8uLv9OThl1/v8lJR6D/v9DQyJs/P8WFv9UVP8dHf9zcw9N+/9tbQJo//9gYCaK/v8eHjyf/jSY/l2+/RZZ/AlF+zKU/li6/eXv/wdB+xJT+/8SEv8+Pv88PCFq/Axy/wE3+/9SUv9MTB1l/P80NP8pKf8UFB9n/Adt/x9h+Bhd/Pz8/M/Pz+Xl5fHx8dra2tTU1NLS0vf39+/v7+bm5vv7+9bW1kGk/jqd/vX19RR5/0mr/s7OzlS2/fDw8D6h/tfX1yyQ/hN4/zib/tvb283Nzf39/Vu8/Tue/j2g/hZ7/xl+/hJ3/xuA/gtI+zmc/hh9/xB1//8tLWDB/f8mJi2R/tXV1fv9/xle/Bth/P8rKxd8/whC+/9WVkep/j+i/v9bWzGV/uTk5Euu/fb29iGF/kOm/v+JiRp//v9YWFy9/Vi5/dzc3Eqs/hpf/Eiq/jaZ/hBP+9Dj///7++Q5S1Gz/ff6/9rr/+Dw/xF2/xNU/Fud///V1TOG/zRF1u/1/xRy/yZ6/cIzXVq7/W7A/f/FxRlX9/+WliR2/Xm8/hFf/AVr/xZl/F/A/UeR/8vg/xxj/IY5iiBz/cPb/yuC/Y7P/j6R/6/P//+ysv+8vP/i4mfE/bTV/7/Z/xFx/1Wn/h2B/hZT9v+oqP/z86zc/h+D/g90/xtb+Cp//w5F9RE/75S//+jx//95eSNv/ODs//D5/4i4/4u+/4y6/53P/lCw/R1e+P9jY2LD/f/Y2P+NjUWn/jqJ/DqN/z2P/5I4gv/R0f/Lyw1K+//PzxVX/N/s/3vN/Qlr/4twuV6//aE2d/9wcP9ERMrp/kut/f9rayGG/gdT/Q1a/QNO/cDg/9fw/szMzP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODgyRDkyMkFBMzA5MTFFNEJERjJDODdGMDUyQjY4MDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODgyRDkyMkJBMzA5MTFFNEJERjJDODdGMDUyQjY4MDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4ODJEOTIyOEEzMDkxMUU0QkRGMkM4N0YwNTJCNjgwMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4ODJEOTIyOUEzMDkxMUU0QkRGMkM4N0YwNTJCNjgwMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAqACoAAAj/AP8JHBiGyxUsVBK28cewoUOHbRJSwXKFS5iBGAduueKlihUtU0JqyEhyoIaQU7RYqeLlypaSVbJYKUmzJkkrWapkrIKmi82fP7ug0SkQp0+gSGl2yfLyH6WmSaNmtHLlHyM/UrNm9FKQqFatVbiwMYO0mAoQCjJoI/bpj1QzbLBoQWoLyhE1eFgMAPDhWCxu/EC5rakF4RSkpY7QGYRsbx8Ea3J0GDemG6tezOphyzgl4WGgCvLIeYAPQJpEG+BMHnOgU5lJb+IN64fRDRkqn3+WEzOnmQMIH3SAOePo0iICARKs2rEHnLuM/tqMBGqOcenTGyRTbv36zY5ae/ZA//eX1NccFg4AnIAc50uDShhcK38jaYek8UnJqdBFwoU1H3e0tx1yZSQwyQ+TJIAfTZsI04oyj0QRyBP+GcFLZB1QcEklBxDQSQAgBtDJghhtAswj88hQjQEGRGHJEkYY8UQqqZ3xxTiGjGHPAQdgwOMiJA70SiQ2RECDDBVU4I0UgSyxBC6w6LAGHGd04Mg4DRhyySWGNDBOkAIlAQMiRd5DAw3P8CAFIJYAoksiUoKRwxmHdPDFnR0cEgeY/3CQwpg2fBNBBK6Iwg4PiBbQxwcI6LDBGneAISkYd6yBCZ8t+AlDJBN0mkwmQoQqRAEAQLCoD4kgoKqqiXxwAp9EZP+agpiFFGKBOjPkOgMtA6RXKgRpBAsBBAAAcAOfJsQqAgdKpJCCBT3YIa0dsiDTTCMD9OrAtgPg00gzyPApgQlFxEqPCCJEE0QQhLSrjxx4QFJHHQ/UWwckc+Ahhxh8CoICEyZcUC4RpoRgsMH55BEKHWqI4bAaatCRhzNHgMDnCk3oIQHAJpjAiTRIhIzEPgIIAMLJKIMgABSz1IAKnzEwgLEgeqBgsx6qyHNOLvBkk4ExNQRdQwlEF70NdNJl9MIIODAgMx9Qr7ACAzjEII5A1EBTwjvTAHEKEO1ocg1J/uCW0QJDLD1CDDi0HUMMI7zwAjoD3VLCL0iVnZtAKCyEgLYTcgc+wgUTBJPRKEjZZjZG4VQggwceXOC3COtMR9IuSHUml02biMDAMjZ5glRhY/1EigFfkQQXF17VlE7qO3FxFexZceUUVLT/RFVRWeyde0lTMDWQIj39rhQaiuwkk/FT5VTSRh19NIUbWrmR0kot4U5SQQdRQcZD4Id/G0UWkRQQADs=) no-repeat;
    height: 42px;
    width: 42px;
}
#sniffer p {
    float: left;
    font-size: 13px;
    line-height: 17px;
    margin: 21px 0 0 12px;
    padding: 0;
    text-align: left;
    width: 40%;
}
#sniffer .btn-white {
    float: right;
    margin-top: 33px;
}

/* ================================================== */
/*                  Result List                       */
/* ================================================== */

.thumbnail, .rc-result-list img {
    display: block;
    float: left;
    position: relative;
    margin: 0 15px 0 0;
}

.rc-result-list-thumbnail-right img {
    float: right;
    margin: 0 0 0 10px;
}

.rc-result-list .subscription {
    float: left;
    margin: 0 0 5px 62px;
    text-align: left;
}

.result-list-footer,
.rc-result-list nav,
.rc-result-list-thumbnail-right nav {
    padding: 15px 0 30px;
    text-align: center;
}

.rc-result-list > article .time-viewed {
    float: none;
    padding-left: 95px;
    width: 100%;
}

.compose-visiteur .rc-result-list nav {
    padding: 15px 15px 30px;
}

/* ================================================== */
/*                    Pagination                      */
/* ================================================== */

.pager a, .pager span {
    color: #424242;
    display: inline-block;
    margin: 0;
    padding: 5px 6px;
}

.pager span.disabled {
    display: none;
}

.pager a.active,
.pager a:hover,
.pager span.active {
    color:#00abc5;
}

.pager a.btn-white {
    margin: 5px 0;
    padding: 4px 20px; 
}

.pager a.disabled {
    display:none; 
}

.pager a.btn-white:hover {
    color: #424242;
}

/* Search */

#search .pager, .pager {
    margin-top: 30px;
    padding: 0 10px;
    text-align: center;
    position: relative;
    z-index: 1000;
}

#search .pager a.btn-white, .pager a.btn-white {
    padding: 3px 20px;
}


/* ================================================== */
/*                     Widget                         */
/* ================================================== */


#widget-activity-recent {
    float: none;
    margin: 0;
}

.widget-list ul img,
#widget-activity-recent ul img,
#widget-activity-similar ul img {
    border: none;
    float: left;
    font-size: 12px;
    height: 52px;
    margin: 2px 10px 0 0;
    width: 52px;
}

/* ================================================== */
/*                     Dialogs                        */
/* ================================================== */

#cboxOverlay {
    background: #000000 !important;
}

.modal {
    background-color: #ffffff;
    border: 0 solid rgba(0, 0, 0, 0.3);
    -moz-box-shadow: rgba(0, 0, 0, 0.8) 0 3px 10px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 3px 10px;
    box-shadow: rgba(0, 0, 0, 0.8) 0 3px 10px;
    display: none;
    left: 50%;
    margin-left: -50%;
    max-height: 100%;
    overflow: auto;
    padding: 130px 0;
    position: fixed;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 5050;
}
#modal_accept_subscription{
    padding: 20px 0;
}

.device_ios .modal, .device_android .modal {
    margin-top: 0 !important;
    position: absolute;
    top: 0 !important;
}


#activity_detail #colorbox .modal {
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    left: auto;
    margin: 0;
    max-height: none;
    position: relative;
    top: auto;
    width: auto;
    z-index: auto;
}

#activity_detail .info #cboxLoadedContent {
    padding: 0;
}

/* Modal Body */

.modal-body {
    max-height: 435px;
}

.modal .modal-body p, #activity_detail.logged .modal .modal-body p.user-details {
    background: #dfe5eb;
    padding: 10px;
}

.modal .modal-body h5 {
    padding: 10px;
}

.modal .modal-body .form-submit {
    text-align: center;
}

.modal#activity-confirm {
    left: 50%;
}

@media screen and (max-width: 360px) {
    .modal#activity-confirm {margin: 0 0 0 -160px !important;}
}

.modal-footer {
    border: none;
    padding: 10px 15px;
    text-align: center;
}

.modal-footer .btn-white {
    margin: 0 0 10px 0;
}

.modal .btn-blue {
    margin: 0 10px 0 0;
}

.greyBk {
    background: #dfe5eb;
    margin: 0 20px 20px;
    padding: 15px 20px;
}

#image-alert-form {
    padding: 30px 0;
}

/* === Popover === */

.popover {
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
    background:#f7f9fc;
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
    border: 1px solid #ccc;
    display: none;
    left: 0;
    margin: 0;
    max-width: 315px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
}

.popover.bottom .arrow {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAALCAYAAACQy8Z9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2MDdiNDNkZS05YjdkLTQwZWQtYjkxZi00YWNhMWYxZGYzZTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUJCRkUwMDlFNkQzMTFFNThEOUE5NUQ0MjgxRjM4Q0IiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUJCRkUwMDhFNkQzMTFFNThEOUE5NUQ0MjgxRjM4Q0IiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOGQ3YzE5NS04NGI5LTQ5YjYtYjlmNy1iZTlhYzNhMWQ4M2IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjA3YjQzZGUtOWI3ZC00MGVkLWI5MWYtNGFjYTFmMWRmM2U3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Dg7cOQAAAUpJREFUeNqk0r1Og1AUB/B7+bCFipQao0ApXNqog4MJMQ66OzQxLq6+gk/l0sFEN2O/oosD9Q0kta+gNDYW6h8HE2MFtCchJ5x7zy/3cqCz2YxkxWAw0JFaeM49z3vM2s/lAE2knlZZPeQ4ro33vYVQADbSnW5UtwzTIpbNNMC3qB+k9dHfro9GhtQF5uCUX/UwfCWjYfASx3ETn+I+Nwpwk1LaBmiVtcqP9XEYktFzMI6i6BhwJ/P6ALcB9sxqbS6YhFwqEdtxZZ7nr7H/KBXFhh2AfdOyDbWspQ5DkgGzOmDhCn3NuSgWdgF2rZqzrqplkickSSaOWy/wgnCJ/pNvKAoepVwH011TVlTylygWJcJYY0kQhBac089B+b6/j9/kxqoxdVlRyH9jMnkjw+Apmk7fz5KTPmzo5kJgEoVCkTC3wYuiePEhwABSeWrunNdadwAAAABJRU5ErkJggg==) no-repeat;    
    height:11px;
    left: 50%;
    margin-left: -10.5px;
    top: -11px;
    width: 21px;
}

.popover.top {
    margin-top: -5px;
}

.popover.top .arrow {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAALCAYAAACQy8Z9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2MDdiNDNkZS05YjdkLTQwZWQtYjkxZi00YWNhMWYxZGYzZTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzZGOTU5OEJFRDFCMTFFNTlFRUZBRTYwMDZCMUMwOEMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzZGOTU5OEFFRDFCMTFFNTlFRUZBRTYwMDZCMUMwOEMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOGQ3YzE5NS04NGI5LTQ5YjYtYjlmNy1iZTlhYzNhMWQ4M2IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjA3YjQzZGUtOWI3ZC00MGVkLWI5MWYtNGFjYTFmMWRmM2U3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Ahz8sgAAAVhJREFUeNqcz71Kw1AUB/Db3mg+a+xumzT1BaQ4iYPWDwQnhz6Qj+AzCC6CIDr4Ak4JODhIBm2SpkHId7TYxXii16I2aaQHDvdyzv3/SCqqqh4victXjabsoq+qQVMovzhoumDH2Ja5EoZ+Nwvro9Hr7Xj8hmmaQfPWS5KgOA4juB5U0jRFmqb1KIo6lZXVhXngJImRZfT9NH3f63Q62ieaFcBHAJ9JrfYiw7D/B+MIWWbfBWcXwLtsNkEJfIgxdS61FJpluVIwikJkW8YzGDsA3n/Pf6EE3scYX0hyG9xiOAoDZA9MB/LbAD783E2hBO4CfNmUFI7j+al9GPhoaFsW+UL97z4XJfBmtVq9bspKjeeFyTzwvQw04LoF4FNethAl8EYGN6SWKAg15HsucoaDR1hlv2wU5WaiBF4H+EYU6/Ug8HQC2rMypSiB1+A4ge4B6JS9/xBgAP2GpW9IZdBYAAAAAElFTkSuQmCC) no-repeat;
    bottom: -10px;
    height: 11px;
    left: 50%;
    margin-left: -5px;
    width: 21px;
}

.popover.top.customArrow .arrow {
    background: none;
    display: none;
}

.popover.top.customArrow:after, .popover.top.customArrow:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.popover.top.customArrow:after {
    border-color: rgba(247, 249, 252, 0);
    border-top-color: #F7F9FC;
    border-width: 12px;
    margin-left: -12px;
}

.popover.top.customArrow:before {
    border-color: rgba(204, 204, 204, 0);
    border-top-color: #ccc;
    border-width: 13px;
    margin-left: -13px;
}

.popover.right {
    margin-left: 5px;
}

.popover.right .arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000000;
}

.popover.left {
    margin-left: -5px;
}

.popover.left .arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000000;
}

.popover.bottom-left .arrow {
    top: -10px;
    left: 50px;
}

.popover.bottom-right .arrow {
    top: -10px;
    right: 50px;
}

.popover .arrow {
    position: absolute;
    width: 0;
    height: 0;
}

.popover-inner {
    padding: 3px;
    overflow: hidden;
}

.popover-title {
    padding: 9px 15px;
    line-height: 1;
    background-color: #f7f9fc;
    border-bottom: 1px solid #eee;
}

.popover.error .popover-title {
    color: #f24138;
}
.popover-content {
    padding: 14px;
    background-color: #f7f9fc;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.popover-content p,
.popover-content ul,
.popover-content ol {
    margin-bottom: 0;
}

.popover-content p.cta {
    padding: 15px 0 0;
    text-align: center;
}

.popover .popover-title,
th.subtitle {
    font-size: 18px;
}

.popover .popover-inner {
    background: #f7f9fc;
    padding: 5px;
    text-align: left;
}
.popover .popover-title,
.popover .popover-content {
    background: #f7f9fc;
    border: none;
    color: #000;
    font-size: 16px;
    margin: 0;
    padding-top: 5px;
}
.popover .popover-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2em;
    padding-bottom: 0;
}

.popover .close {
    position: absolute;
    right: 5px;
    text-shadow: 0 0 0;
    top: 5px;
    z-index: 400;
}

.popover .close span,
.popover .close span:before {
    color: #231f20;
}

#incentPop.popover .close span:before {
    content: "\2573";
}

.modal.middle {
    top: 50%;
}
#profile_photo .modal-body {
    max-height: 350px;
}

#profile_detail .popover, #profile_detail .popover .popover-inner {
    max-width: 160px;
}

#profile_detail .popover .popover-title, #profile_detail .popover .popover-content {
    font-size: 18px;
}

#profile_detail .popover .popover-content {
    font-size: 14px;
}

#activity_detail .modal-header h3 {
    margin: 5px 0 0;
}


/************************************************************************/
/* Jetons                                                               */
/************************************************************************/

#incentPop.popover {
    width: 100%;
}

#incentPop .check {
    background: #fff;
    padding: 12px 5px 5px;
}

#incentPop .jetonBg {
    fill: #00adee;
    height: 52px;
    position: absolute;
    right: 5px;
    top: 6px;
    width: 52px;
}

#incentPop.popover.slideUp {
    top: 0;

    -moz-animation: bounceInUp .3s .6s ease both;
    -ms-animation: bounceInUp .3s .6s ease both;
    -o-animation: bounceInUp .3s .6s ease both;
    -webkit-animation: bounceInUp .3s .6s ease both;
    animation: bounceInUp .3s .6s ease both;
}

#incentPop.left .arrow {
    border: 0;
    margin: 0;
    top: -11px;
}

/* Popup - Offrir un cadeau */

.modal#gifts, #default .modal#gifts {
    background: #eff4f8;
    padding: 15px 0;
}

#default .modal#gifts #gift_received {
    padding: 0 15px;
}

.modal#gifts #gift_received .gift {
    width: 225px;
}

.modal#gifts h3 {
    color: #1dadea;
    font-size: 26px;
    letter-spacing: -0.26px;
    margin: 15px 0 0;
    text-align: left;
}

#default .modal#gifts p.solde {
    padding: 10px;
}

#default .modal#gifts #gift_sent {
    margin: 0 10px;
}

.modal#gifts .close {
    z-index: 9999;
}

.modal#gifts p, #default #gifts.modal p {
    background: none;
}

.modal#gifts .modal-body, #default .modal#gifts .modal-body {
    height: 100%;
    max-height: 100%;
    margin: 0;
    padding: 15px 0 0;
    text-align: left;
}

.modal#gifts .modal-body .notice.formError {
    background: white;
    margin: 0 auto 10px;
    width: 90%;
}

.modal#gifts .modal-body .notice.formError p {
    padding: 0 0 0 35px;
}

.gifts_offer .form input[type="text"] {
    color: #1dadea;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    margin-top: 25px;
    padding: 0 8px;
}

.modal#gifts .form-submit .btn-white {
    margin:0 20px 0 0;
}

.offer-gift-bk {
    background: white;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 10px 0 0;
}

.modal#gifts .gifts_offer {
    padding: 10px;
}

#profile_detail .modal#gifts .notice p, #default .modal#gifts .notice p {
    text-align: left;
}

#profile_detail .modal#gifts .notice.valid {
    margin: 20px auto;
    width: 90%;
}

/* === Authentification === */

.unlogged #modal-auth .modal-header h3 {
    display: none;
}

#modal-auth .modal-body {
    background: none;
    margin: 0 20px;
    max-height: 100%;
}
#modal-auth .modal-footer {
    display: none;
}
#modal-auth h2, #profile_detail #modal-auth h2 {
    color: #1dadea;
    font-size: 23px;
    font-weight: 400;
    letter-spacing: -0.26px;
    line-height: 26px;
    margin-bottom: 0;
}

#modal-auth #authentication .auth-block {
    background-color:#dfe5eb;
    margin: 0;
    padding: 30px;
}

#modal-auth .login-part {
    background: none;
    text-align: left;
}

#modal-auth .btn-blue,
#profile_account .btn-blue,
#profile_account .btn-white {
    padding: 9px 20px;
}

.modal .modal-body #authentication input[type="checkbox"], .modal .modal-body #authentication label {
    display:inline-block;
}

.modal .modal-body #authentication label{
    color:#111;
    font-weight: 400;
    line-height: 1em;
    margin: 0;
}

.modal .modal-body #authentication .fb-icon {
    margin: 5px 0 0;
    width: 15%;
}
.modal .modal-body #authentication .rc-btn-facebook {
    width: 85%;
}

.modal .modal-body #authentication .formError p {
    background: none;
    padding: 0 0 0 35px;
}


/* Password recover */

#pwdRecoveryModal {
    padding: 80px 0;
}

#pwdRecoveryModal .modal-body{
    margin: 15px 0 0;
}


/* Account Change Password */
#accountPwdChangeModal {
    padding: 40px 0;
}

#accountPwdChangeModal .modal-header h3 {
    margin: 0;
}

#accountPwdChangeModal .notice {
    margin-top: 0;
    opacity: 1;
    -webkit-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
}

#accountPwdChangeModal .notice.hidden {
    /*display: block;*/
    opacity: 0;
    -webkit-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
}

#accountPwdChangeModal .greyBk {
    margin: 0 0 20px;
}

#accountPwdChangeModal input.error {
    border-color: #f75054;
}

#accountPwdChangeModal label.error {
    color: #f75054;
    margin: 0 0 3px;
}

#accountPwdChangeModal .rc-form-field {
    margin: 0 0 3px;
}

#accountPwdChangeModal .rc-form-field p {
    font-size: 14px;
    padding: 0;
}

#accountPwdChangeModal .unlinkDescription {
    margin-bottom: 15px;
}

#accountPwdChangeModal .modal-body {
    max-height: inherit;
}
/* Subscribe Part */

#modal-auth {
    background-color:#eff4f8;
    margin-left: -50%;
    padding: 0 0 15px 0;
    width:100%;
}

#modal-auth .subscribe-part {
    float: left;
    margin: 30px 0 0 0;
    text-align: left;
    width: 100%;
}
#modal-auth .subscribe-part ul {    
    margin: 5px 0 10px 15px;
    padding: 10px 0;
}
#modal-auth .subscribe-part ul li {
    padding: 10px 0 10px 30px;
    position: relative;
}
#modal-auth .subscribe-part ul li .arrow {
    fill: #2e2c2b;
    height: 10px;
    left: 0;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 10px;
}
#modal-auth .subscribe-part .btn-blue, #search .modal#modal-auth .subscribe-part .btn-blue {
    margin: 0 0 20px 0;
    width: 100%;
}
#modal-auth .subscribe-part .btn-blue {
    margin: 5px 0 20px 0;
}

#modal-auth .subscribe-part p.subtitle {
    background: none;
    color: #000;
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    padding: 22px 0 0 65px;
    text-align: left;
}

.modal .modal-body #authentication .rc-btn-facebook {
    margin: 5px 0 20px;
}

#modal-auth .subscribe-part p.slogan {
    background-color: #EFF4F8;
    color:#1dadea;
    font-weight: 700;
    line-height: 28px;
    padding: 30px 0;
    text-align: center;
}
#modal-auth #authentication .auth-block {
    margin:20px 0;
}

.modal-open .btn-red {
    width: auto !important;
}

.modal-open .dropdown-menu {
    z-index: 2050;
}

.modal-open .dropdown.open {
    z-index: 2050;
}

.modal-open .popover {
    z-index: 2060;
}

.modal-open .tooltip {
    z-index: 2070;
}

.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2002;
    background-color: #000000;
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.unlogged #modal-auth .close {
    background: none;
    border: none;
    color: transparent;
    display: block;
    height: 25px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    z-index: 999;
}

.unlogged #modal-auth .svg-close {
    background: none;
    height: auto;
    right: 15px;
    top: 15px;
    width: auto;
}

.unlogged #modal-auth .svg-close .svg-icon {
    height: 15px;
    width: 15px;
}

/* === Activity === */

#activity_detail.logged .modal {
    padding: 0;
}
#activity_detail.logged .modal .modal-body {
    max-height: none;
    padding: 20px;
}
#activity_detail.logged .modal .modal-body p {
    background: none;
}

#activity_detail.logged .modal .modal-body .notice.valid p, 
#activity_detail.logged .modal .modal-body .notice.info p {
    padding: 0 0 0 65px;
}

#activity_detail.logged .activity_decline .modal-header, #activity_detail.logged .activity_confirm .modal-header, #activity_detail.logged .activity_maybe .modal-header {
    display: block;
    float: none;
    height: 200px;
    overflow: hidden; /* Needed for edge */
    position: relative;
    text-align: center;
}

#activity_detail.logged .activity_decline .modal-header .svg-icon, 
#activity_detail.logged .activity_confirm .modal-header .svg-icon, 
#activity_detail.logged .activity_maybe .modal-header .svg-icon, 
.modal#activity-confirm .modal-header .svg-icon {
    display: block;
    height: 40%;
    left: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40%;
    z-index: 1;
}

#activity_detail .activity_decline .modal-header h3, #activity_detail .activity_confirm .modal-header h3, #activity_detail .activity_maybe .modal-header h3, .modal#activity-confirm .modal-header h3 {
    color: white;
    display: block;
    font-weight: 300;
    letter-spacing: -0.4px;
    margin: 0;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}

#activity_detail .activity_decline #cboxClose, #activity_detail .activity_confirm #cboxClose, #activity_detail .activity_maybe #cboxClose, .modal#activity-confirm #cboxClose {
    display: none;
}

#activity_list .modal#activity-confirm {
    padding: 0;
}

#activity_list .modal#activity-confirm .modal-body p{
    background: none;
}

#activity_list .modal#activity-confirm .modal-body .notice {
    border: none;
    min-height: 0;
    padding: 0;
}

#activity_list .modal#activity-confirm button.close, #activity_list .modal#activity-confirm .notice.valid:before {
    display: none;
}

#UserList.modal .modal-header .close {
    right: 0;
    top: 5px;
}
/* === Activity Declined === */

#activity_detail.logged .activity_decline .modal-header {
    background: #4f39ac;
}

#activity_detail.logged .activity_decline .modal-header .svg-icon {
    fill: #7170D6;
}

/* === Activity Confirmed === */

#activity_detail.logged .activity_confirm .modal-header, #activity-confirm .modal-header {
    background: #35bab2;
}

.modal#activity-confirm .modal-header {
    height: 200px;
    position: relative;
}

#activity_detail.logged .activity_confirm .modal-header .svg-icon, .modal#activity-confirm .modal-header .svg-icon {
    fill: #3FD6CC;
}

.modal#activity-confirm .modal-header h3 {
    color: white;
    font-weight: 300;
    letter-spacing: -0.4px;
    line-height: 200px;
    text-align: center;
}

/* === Activity Maybe === */

#activity_detail.logged .activity_maybe .modal-header {
    background: #167dc1;
}

#activity_detail.logged .activity_maybe .modal-header .svg-icon {
    fill: #188DCF;
}

/* === Age Declined === */

#activity_detail.logged .modal.ageRestricted .modal-header {
    background: #4f39ac;
}

#activity_detail.logged .ageRestricted .modal-header .svg-icon {
    fill: #7170d6;
    height: 55%;
    width: 55%;
}

/* === Cancel Activity === */

.modal.fade {
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -ms-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
    top: -25%;
}

.modal.fade.in {
    top: 50%;
}

.modal .close,
.svg-close {
    border: none;
    cursor: pointer;
    display: block;
    float: right;
    height: 11px;
    overflow: hidden;
    position: absolute;
    padding: 0;
    text-indent: -200px;
    right: 10px;
    top: 12px;
    width: 11px; 
    z-index: 999;
}

.svg-close,
.modal .svg-close {
    background: none;
    height: auto;
    width: auto;
}

.svg-close .svg-icon {
    display: block;
    height: 11px;
    max-width: none;
    position: static;
    width: 11px;
}

.modal-body .close {
    display: none;
}

.modal-form {
    margin-bottom: 0;
}

.modal-footer:before,
.modal-footer:after {
    display: table;
    content: "";
}

.modal-footer:after {
    clear: both;
}

.modal form .last {
    padding-top: 10px;
    text-align: center;
}

.modal form .report .notice {
    margin-top: 0;
}

.modal form .rc-form-field {
    padding: 0 0 10px;
}

.modal form .rc-form-field em {
    display: none;
    font-size: 12px;
}

.modal form h6 {
    font-weight: 400;
}

.modal-header {
    padding: 3px 10px 5px;
    text-align: center;
}

.modal-header ul {
    text-align: left;
}

#modal-auth .login-part {
    margin: 0;
    padding: 0;
    width: 100%;
}

.modal-body h3 {
    font-size: 18px !important;
}
.modal-header h3 {
    font-size: 24px;
}

/* Modal Spécifique - Fonctionnalité est réservée aux membres privilège */

#modalPriv.modal {
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0;
}

@media only screen and (orientation: landscape) { 
    #modalPriv.modal {
        left: 50%;
        margin: 0 0 0 -250px;
        top: 0; 
    }
    #forum #modalPriv.modal {
        width: 100%;
        left: 0;
        margin: 0;
        padding: 0;
        top: 0;
    }
}
#modalPriv.modal .modal-header {
   background: #258789;
   height: 60px;
   padding: 0;
   text-align: center;
}

#modalPriv.modal .modal-header h3 {
   color: #fff;
   font-size: 13px;
   letter-spacing: -0.16px;
   line-height: 60px;
   margin: 0;
   z-index: 9;
}

#modalPriv.modal .modal-header .close {
   background: transparent;
   border:0;
   display: block;
   position: absolute;
   right: 10px;
   top: 10px;
   z-index: 999;
}

#modalPriv.modal .modal-header .close .svg-icon {
   display: block;
   fill: #FFFFFF;
   height: 15px;
   width: 15px;
}

#modalPriv.modal .modal-body {
   background: #2bbbb3;
   margin: 0;
   padding: 15px;
   text-align: center;
}

#modalPriv.modal .modal-body h1 {
   color:#fff;
   font-size: 40px;
   font-weight: 400;
   line-height: 36px;
   letter-spacing: -0.675px;
   margin: 0;
}
#modalPriv.modal .modal-body h1 span {
   display: block;
}

#modalPriv.modal .modal-body h2 {
   color:#fff;
   font-size: 24px;
   line-height: 20px;
   margin: 0;
   padding: 0;
}

#modalPriv.modal .modal-footer {
    background: #fff;
    padding: 35px;
}

#modalPriv.modal .modal-footer ul {
    margin: 0 0 30px 25px;
    text-align: left;
}

#modalPriv.modal .modal-footer ul li {
    line-height: 24px;
    margin: 0 0 10px 0;
}

#modalPriv.modal .advantage .slashline2, #modalPriv.modal .modal-body .slashline2 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/slash-line2.svg) repeat-x;
    background-position: 0 15px;
    height: 35px;
    display: block;
    margin: 10px 0;
    width: 100%;
}

#modalPriv.modal .advantage .slashline2 .star, #modalPriv.modal .modal-body .slashline2 .star {
    background-color: #2bbbb3;
    fill: #4f39ac;
    height: 35px;
    width: 100px;
}

#modalPriv.modal .modal-footer .btn-red {
    width: 100% !important;
}

/* modal moneris */
.ecom #moneris div.modal-body {
    height: 100%;
    max-height: 100%;
}

#moneris.modal iframe {
    width: 320px;
}

#moneris div.modal-body {
    height: 100%;
    max-height: 100%;
    margin: 0;
    padding: 15px 0 0 0;
}

/* Remove profile */

#profile_unregister .modal#modal-confirm .close {
    display: none;
}

/* HDPI */

@media all and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.9),
all and (min-resolution: 1.5dppx) and (max-resolution: 1.9dppx),
all and (min-resolution: 144dpi) and (max-resolution: 182.4dpi) {
    .expandIcon.rc-btn-picto span:before {
        top: 2px;
    }
    .tabs,
    .tabs-over-img {
        height: 28px;
    }
}

/* XHDPI + RETINA DISPLAY */

@media all and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 2.9),
all and (min-resolution: 2dppx) and (max-resolution: 2.9dppx),
all and (min-resolution: 192dpi) and (max-resolution: 278.4dpi) {
    
    #main-menu #savedSearch .delete {
        margin-top: -18px;
    }
    .expandIcon.rc-btn-picto span:before {
        top: 1px;
    }
}

/* === Activity User List Modal === */

#UserList.modal {
    color: #333;
    height: auto;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding-top: 0;
    position: absolute;
    width: 100%;
    z-index: 3000;
}

#UserList.modal .modal-header {
    border-bottom: none;
    padding-display: inline;
    padding-margin-bottom: 10px;
    padding-margin-left: 0;
    padding-margin-right: 10px;
    padding-vertical-align: auto;
    padding-zoom: 1;
    margin: 0;
    padding: 5px 0;
}

#UserList.modal .modal-header .tabs {
    margin: 0;
    padding: 0 5px 0 10px;
}

#UserList.modal .modal-header .l-field {
    padding: 10px 10px 0;
    margin: 0 0 20px 0;
    text-align: left;
}

#UserList.modal .modal-header .filter, #UserList.modal .modal-header h3, #UserList.modal .modal-header .close {
    margin: 5px 10px;
}

#UserList.modal .mask {
    background: transparent url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/scrollingList_mask.png) 0 0 repeat-x;
    height: 11px;
    position: relative;
    top: 0;
    width: auto;
    z-index: 80;
    margin: 0 21px 0 5px;
}

#activity_detail #UserList.modal,
#activity_list #UserList.modal {
    padding: 0;
}

#activity_detail #UserList.modal .modal-body,
#activity_list #UserList.modal .modal-body {
    margin: 0;
    max-height: 305px;
    min-height: 91px;
    overflow: auto;
    padding: 0 10px 15px;
    position: relative;
    top: 0;
    z-index: 10;
}

#activity_detail #UserList.modal p.user-details,
#activity_list #UserList.modal p.user-details {
    background: none;
    padding: 0 10px 10px 10px;
}

#UserList.modal div.user-list .list-item, #UserList.modal div.user-list li {
    float: none;    
    margin: 0;
    min-height: 85px;
    padding: 15px;
    width: 100%;
}

#UserList.modal div.user-list .list-item img, #UserList.modal div.user-list li img {
    float: left;
    height: 52px;
    margin: 0 10px 30px;
    width: 52px;
}

.user-list .favori, .user-list .owner {
    display: inline-block;
}

.user-list .favori {
    fill: #c23b44;
    height: 14px;
    width: 16px;
}

.user-list .favori.no, .user-list .favori.favori0, .user-list .owner.no, .user-list .owner.owner0 {
    display: none;
}

.user-list .confirm1.yes, .user-list .confirm0.no, .user-list .confirm2.maybe {
    display: none;
}

.user-list .confirm1.yes.valid-icon-container,
.user-list .confirm0.no.error-icon-container,
.user-list .confirm2.maybe.maybe-icon-container {
    display: inline-block;
}

a.username {
    display: inline-block;
    line-height: 12px;
    margin: 0 5px 0 0;
}

#activity_detail .user-list ul li a.username {
    display: inline-block;
}

.user-list .list-item .username, 
.user-list .list-item .confirm, 
.user-list .list-item .owner, 
#UserList.modal div.user-list .list-item .favori, 
#UserList.modal div.user-list li .username, 
#UserList.modal div.user-list li .confirm, 
#UserList.modal div.user-list li .owner, 
.user-list li .favori {
    line-height: 1em;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.user-list .list-item div, .user-list li div {
    display: inline-block;
}

#UserList.modal div.user-list .list-item div span.age, #UserList.modal div.user-list li div span.age {
    clear: left;
}

/* Report a member */

#profile_detail .modal .report {
    display: none;
}

#profile_detail .modal h6 {
    font-weight: 700;
    line-height: 18px;
    margin: 0 0 10px;
}

#profile_detail .modal .last .btn-blue {
    margin: 0 10px 0 0;
}


#profile_detail .modal .last .btn-white {
    padding: 2px 20px;
}

#profile_detail .modal#user-alert-form {
    padding: 20px 0;
}

#profile_detail .modal#user-alert-form .modal-body {
    padding: 0 20px;
}

#profile_detail .modal#user-alert-form .modal-body .greyBk {
    margin: 0 0 20px;
}

/* === Modal Remove Profile Confirmation === */

#profile_unregister .modal#modal-confirm .btn-white {
    margin: 10px 0 0;
}

/* === Register Search === */

#search .modal .modal-body .error-block, #search .modal .modal-body .success-block, #search .modal .modal-body form.success-saved .rc-form-field.content {
    display: none;
}

#search .modal .modal-body form.success-saved .success-block, #search .modal .modal-body form.error-saved .error-block {
    display: block;
}

#search .modal .modal-body form.success-saved .success-block p {
    width: 100%;
    word-wrap: break-word;
}

#search .modal .btn-blue {
    margin: 10px 10px 0 0;
}

#search .modal .success-block p {
    display: inline-block;
    width: 90%;
}

#search .modal .modal-body .notice p {
   background: none;
}

.modal#modal-search .modal-body .content p {
    background: none;
    padding: 0 0 10px 0;
}

.modal#modal-search .modal-body .text-center {
    margin-top: 20px;
}

/* === Newsfeed === */

.logged#default .modal {
    padding: 100px 0;
}

.logged#default .modal h3  {
    font-size: 24px;
}

#default .modal .modal-header, #default .modal .modal-body {
    text-align: center;
}

#default .modal-body {
    margin: 15px 0 30px;
    padding: 0 30px;
}

#default.logged .modal .modal-body p, .modal-body p {
    background: #dfe5eb;
    padding: 10px 0;
}

.modal-body .notice p {
    background: none;
    padding: 0 0 0 65px;
}

.modal-body .notice.formError p {
    padding: 0 0 0 35px;
}

#default .modal .modal-footer {
    padding: 0 15px;
}

/* Password recovery modal */

#default .modal .password-recovery-modal p {
    padding: 15px 20px 0;
}

#default .modal .password-recovery-modal .formError {
    margin: 0;
}

#default .modal .password-recovery-modal .formError p {
    padding: 0 0 0 35px;
    text-align: left;
}

#default .modal .password-recovery-modal .notice.error p {
    padding: 0 10px 0 65px;
    text-align: left;
}

#default .modal fieldset label {
    text-align: left;
    margin: 0 0 5px 0;
}

#default .modal fieldset input {
    width: 100%;
}

#default .modal-body {
    padding: 0 20px;
}

/* === Display Gift === */

#default .modal#gifts h3 {
    color: #1dadea;
    font-size: 26px;
    letter-spacing: -0.26px;
}

#default .modal#gifts #gift_received h4 {
    color: #000;
    font-size: 22px;
    margin:  0 0 10px 0;
}

#gift_received .gift {
    background-color: #fff;
    display: block;
    margin: 0 0 10px 0;
}

.modal#gifts #gift_received .tokens {
    display: inline-block;
}

#default .modal#gifts #gift_received .tokens .svg-icon {
    fill: #00adee;
    height: 38px;
    vertical-align: middle;
    width: 39px;
}

#default #gifts.giftSentModal.modal p {
    background: none;
    padding: 10px 0 10px 65px;
}

.modal #gift_sender p {
    max-height: 100px;
    overflow-y: auto;
}

#default .modal#gifts p.validity {
    font-size: 16px;
    margin: 0;
}

.modal#gifts #gift_sender {
    clear: both;
    padding: 30px 15px;
}

#gift_sender .right a.name {
    color: #000;
    font-size: 22px;
    line-height: 22px;
}

#gift_sender .right ul {
    border-top: 1px solid #ababab;
    margin: 15px 0;
}

#gift_sender .right ul li {
    border-bottom: 1px solid #ababab;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 0;
}

#gift_sender .right p {
    font-size: 16px;
    font-style: italic;
    margin: 0 0 15px 0;
}

#gift_sender .right .btn-white {
    display: block;
    margin: 20px 0 0 0;
}


#default .modal#gifts .modal-footer {
    display: none;
}

/* === Forum === */

#forum_post_detail #modalPriv.modal {
    height: 90%;
    overflow: auto;
}

#forum_post_detail #modalPriv.modal .modal-body {
    padding: 15px 0 0 0;
}

#forum_post_detail #modalPriv.modal .big-vip-block ul li {
    text-align: left;
}

#forum_post_detail #modalPriv.modal .big-vip-block {
    background: white;
    padding: 35px 15px 0;
}

#forum_post_detail #modalPriv.modal .big-vip-block ul {
    margin: 0 0 30px 25px;
}
#forum_post_detail #modalPriv.modal .modal-footer {
    display: none;
}

/* === Message List === */

#message_list .modal#remove-msg, #message_list .modal#remove-no-msg {
    padding: 140px 0;
}

#message_list .modal#remove-msg .modal-body, #message_list .modal#remove-no-msg .modal-body {
    padding: 15px 30px;
}

#message_list .modal#remove-msg .close, #message_list .modal#remove-no-msg .close {
    display: none;
}

#message_list .modal#remove-msg p, #message_list .modal#remove-no-msg p {
    background: #dfe5eb;
    padding: 15px;
    text-align: center;
}

/* === Subscribe === */

.modal#abonnement {
    padding: 130px 0;
}

.modal#abonnement .modal-body p{
    margin: 0 0 40px 0;
}

/* === Send testimonial modal === */

#modal-testimonial {
    padding: 0;
}
@media (max-height: 400px) {
    .modal#modal-testimonial {
        top: 0;
        margin-top:0; 
    }
}

#modal-testimonial iframe, .iframe-form.testimonial {
    width: 100%;
}

.iframe-form.testimonial {
    background: white;
    text-align: left;
}

.iframe-form.testimonial .form-fieldset input {
    display:block;
    width: 100%;
}

.iframe-form.testimonial .form-names p {
    clear: both;
    color: #424242;
    display: block;
    font-weight: 700;
    padding: 0;
}

.iframe-form.testimonial .form-fieldset textarea {
    display: block;
    height: 85px;
    overflow-y: auto;
    padding: 5px;
    width: 100%;
}

.iframe-form.testimonial .form-submit {
    padding: 25px 0;
    text-align: center;
}

.iframe-form.testimonial .form-submit .btn-blue {
    margin: 0 10px 0 0;
}

ul.error li {
    color: #000;
    line-height: 50px;
}

.activity ul.error li {
    color: #f24138;
    font-weight: 400;
    line-height: 1.4em;
}

.iframe-form.testimonial .form-fieldset.form-image .input-file-replacement span {
    display: block;
    padding-left: 10px;
}

.iframe-form.testimonial .form-fieldset.form-disclaimer {
    margin-bottom: 0;
}

.iframe-form.testimonial .form-submit input[type="reset"] {
    background: none;
    border: none;
    color: #06c;
    cursor: pointer;
    font-size: 11px;
}

.iframe-form.testimonial .form-submit input[type="reset"]:hover {
    color: #0080ff;
}

#modal-testimonial .modal-body {
    padding: 0;
}

#modal-testimonial .modal-footer {
    display: none;
}

form#testimonial {
    /*max-height: 320px;*/
    overflow-x: hidden;
    overflow-y: visible;
}

form#testimonial.success { 
    overflow: hidden;
}

.iframe-form.testimonial form div.wrapper {
    margin: 0 15px;
}

.modal#modal-testimonial .modal-header h3 {
    font-size: 24px;
    line-height: 1.4em;
}

.modal#modal-testimonial .modal-header {
    margin: 30px 0;
}

.iframe-form.testimonial .rc-form-field {
    margin: 10px 0;
}

.l-input-file {
    margin: 15px 0 30px;
}

.iframe-form.testimonial .form-disclaimer {
    margin-top: 20px;
}

/* Error */

.iframe-form.testimonial .form-names .formError p {
    font-weight: 400;
    padding: 0 0 0 35px;
}

.iframe-form.testimonial ul.error {
    padding: 0;
}

.iframe-form.testimonial ul.error li {
    color: #f24138;
    line-height: normal;
    padding: 5px;
}

/* === Confirm payment : "En savoir plus" === */

.modal#readme {
    overflow: hidden;
    padding: 20px 0;
}

.modal#cc-legal-terms {
    overflow: hidden;
    padding: 20px 0;
}

.modal#readme h3 {
    color: #1dadea;
    font-size: 26px;
    font-weight: 300;
    margin: 10px 0;
}

.modal#cc-legal-terms h3 {
    color: #1dadea;
    font-size: 26px;
    font-weight: 300;
    margin: 10px 0;
}

.modal#readme .modal-body {
    overflow: auto;
}

.modal#cc-legal-terms .modal-body {
    overflow: auto;
}

.modal#readme .modal-body h2 {
    font-size: 26px;
    line-height: 26px;
    margin: 10px 0 0 0;
    margin: 0 0 10px 0;
}

.modal#cc-legal-terms .modal-body h2 {
    font-size: 26px;
    line-height: 26px;
    margin: 10px 0 0 0;
    margin: 0 0 10px 0;
}

.modal#readme .modal-body p {
    background: none;
    padding: 0 0 10px 0;
}

.modal#cc-legal-terms .modal-body p {
    background: none;
    padding: 0 0 10px 0;
}

/* === Subscription Contract - "En savoir plus" === */

.ecom .modal#readme .modal-body .conditions {
    padding: 0 20px;
}

.ecom .modal#cc-legal-terms .modal-body .conditions {
    padding: 0 20px;
}

.ecom .modal#readme .modal-body .conditions h1 {
    display: none;
}

.ecom .modal#cc-legal-terms .modal-body .conditions h1 {
    display: none;
}

/* === Terms and Conditions === */


.modal#terms-conditions {
    padding: 50px 0;
}
.modal#terms-conditions .modal-body h1 {
    display:none;
}

.modal#terms-conditions .modal-body h2 {
    padding: 10px;
}

.modal#terms-conditions .modal-body p {
    background: none;
}

.modal#terms-conditions .modal-footer .btn-white {
    margin: 20px 0 0;
}

/* === Définir Mot de Passe === */

.modal#pwdRecoveryModal .greyBk {
    margin: 0;
}

.modal#pwdRecoveryModal .text-center {
    margin: 20px 0 0;
}

/* Share profile with a friend Success */

.modal#form-share {
    padding: 40px 0;
}

#form-share .modal-body{
    padding: 15px 40px 0;
}

#profile_detail .modal#user-alert-form form .report .notice {
    line-height: 25px;
    margin: 0 20px;
    padding: 10px 10px 10px 65px;
}

#profile_detail .modal#user-alert-form form .report .notice {
    line-height: 50px;
}

#profile_detail .modal#user-alert-form form .report .notice.valid:before,
#profile_detail .modal#user-alert-form form .report .notice.valid .valid-icon-container {
   left: 5px;
}

#profile_detail .modal#form-share .notice.valid:before,
#profile_detail .modal#form-share .notice.valid .valid-icon-container {
    left: 10px;
}

#profile_detail .modal#form-share textarea, #profile_detail .modal#user-alert-form textarea {
    min-height: 80px;
}

#profile_detail .modal#user-alert-form form .report .notice.error, #profile_detail .modal#form-share form .report .notice.error {
    border: 2px solid #f75054;
    line-height: 25px;
    margin: 0 0 10px 0;
    min-height: 0;
    padding: 10px 10px 10px 45px;
}

/*=== Account Settings === */

#profile_account_settings .modal {
    padding: 40px 20px;
}

#profile_account_settings #moneris.modal {
    height: auto;
}

.alertImgTxt {
    padding: 15px;
}

/* ================================================== */
/*                  Cropper Dialog                    */
/* ================================================== */

#imageCropper {
    display: none;
}

#loadingCropper {
    background-color: #fff;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
}

#loadingProgress {
    left: 50%;
    margin: -16px 0 0 -16px;
    position: absolute;
    top: 50%;
    text-align: center;
}

.colorboxCropper #cboxContent {
    background: #eff4f8;
}

#profile_detail .colorboxCropper #cboxLoadedContent {
    background: #eff4f8;
}

#cropperContainer {
    background: #eff4f8;
    max-width: 980px;
    padding: 15px 25px;
    position: relative;
}  

#colorbox #cropperContainer h2 {
    color: #1dadea;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.4em;
    margin-bottom: 15px;
    padding: 0;
}

#cropperContainer p {
    color: #1c1c1c;
    font-size: 15px;
    margin: 20px 0;
}

/* radio buttons */

#cropperContainer input[type='radio'] {
    display: none;
}

#cropperContainer input[type='radio'] + .radio {
    background: #eff4f8;
    border: 3px solid #b7b7b7;
    border-radius: 100%;
    display: inline-block;
    height: 18px;
    left: 0;
    margin-right: 5px;
    position: absolute;
    top: 3px;
    vertical-align: middle;
    width: 18px;
}

#cropperContainer input[type=radio] + .radio:after {
    background: #2e2b2b;
    border-radius: 100%;
    content: '';
    visibility: hidden;
}

#cropperContainer input[type='radio']:checked + .radio:after {
    visibility: visible;    
}


/* Add / Modify section */

.addModifyContent {
    vertical-align: top;
    width: 100%;
}


/* intro text */

#cropperContainer #introText {
    font-size: 16px;
    margin: 20px 0 30px;
}

#cropperContainer #introText > span {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    vertical-align: top;
}

#cropperContainer #introText .add {
    margin-right: 5%;
    width: 44%;
}

#cropperContainer #introText .onlyAdd {
    font-size: 15px;
}

#cropperContainer #introText .onlyAdd strong {
    display: block;
    font-size: 16px;
}

#cropperContainer #introText .modify {
    width: 44%;
}

#cropperContainer #introText .arrowRight {
    fill: #2E2C2B;
    position: absolute;
    left: 0;
    top: 6px;
}

#cropperContainer label.mod {
    background-color: transparent;
    border: 0;
    color: #1dadea;
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
    padding: 0;
    text-shadow: none;
    vertical-align: top;
}

#cropperContainer .rc-btn span {
    line-height: 1em;
}

/* Main Avatar */

#cropperContainer #avatar-wrapper {
    margin: 0 0 15px;
    max-height: 385px;
}

#cropperContainer #cropperMainImg {
    max-width: 385px;
}

#cropperContainer #avatar-buttons {
    text-align: center;
}

/* Cropper square */

#cropperContainer .cropper-bg {
    background-color: #dfe5eb;
    background-image: none;
}

#cropperContainer .cropper-bg.default-album-background {
    min-height: 300px;
    width: auto;
}

#cropperContainer .cropper-modal {
    filter: alpha(opacity=30);
    opacity: 0.3;
}

#cropperContainer .cropper-view-box {
    outline: 3px dashed #ffffff;
    outline-color: rgb(255, 255, 255);
}

#cropperContainer .cropper-line {
    background-color: #ffffff;
}

#cropperContainer .cropper-point {
    background-color: #ffffff;
    display: none;
    filter: alpha(opacity=100);
    opacity: 1;
}

#cropperContainer .cropper-point.point-se {
    display: block;
    height: 32px;
    width: 32px;
}

#cropperContainer .cropper-point:before {
    background-color: #ffffff;
}


/* Preview Section */

#cropperContainer .preview {
    vertical-align: top;
    width: 100%;
}

#cropperContainer .radioButtons {
    margin: 20px 0;
}

#cropperContainer .radioButtons label {
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 46.5%;
}

#cropperContainer .radioButtons label:first-child {
    margin-right: 5%;
}

#cropperContainer .radioButtons label strong {
    display: block;
    font-size: 16px;
    font-weight: 600;
}

#cropperContainer .radioButtons label .text {
    display: block;
    margin-left: 28px;
}

#cropperContainer .squarePreviewContainer {
    display: inline;
    height: 100.5px;
    width: 134px;
}

#cropperContainer .circlePreviewContainer {
    border-radius: 100%;
    display: inline-block;
    height: 120px;
    margin: 0 0 15px;
    overflow: hidden;
    width: 120px;
}

/* FIX FOR IE */

 @media all and (-ms-high-contrast:none) {
    #cropperContainer .squarePreviewContainer {
        display: inline-block;
    }
    #cropperContainer .circlePreviewContainer {
        margin: 0 0 15px 40px;
    }
    #cropperContainer.isPortrait .squarePreviewContainer {
        display: inline;
    }
    #cropperContainer.isPortrait .circlePreviewContainer {
        margin: 0 0 15px;
    }

}

#cropperContainer .avatar-preview {
    border: none;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    float: none;
    height: 120px;
    margin: 0 20px 15px 0;
    overflow: hidden;
    width: 160px;
    vertical-align: top;
}

#cropperContainer .avatar-preview.square #mask {
    border-color: #eff4f8;
    border-style: solid;
    height: 100.5px;
    left: 50%;
    margin-left: -67px;
    position: absolute;
    top: 0;
    width: 134px;
}

#cropperContainer .avatar-preview.circle {
    left: 50%;
    margin: 0 0 0 -67px;
}

#cropperContainer .actionBtns {
    margin-top: 25px;
}

#cropperContainer .actionBtns input {
    display: block;
    margin: 15px auto 0;
    max-width: 135px;
    padding: 5px 15px;
    width: 100%;
}

#cropperContainer .actionBtns input.disabled {
    cursor: auto;
    opacity: 0.5;
}

#cropperContainer .actionBtns .btn-blue.disabled:hover {
    background-color: #1dadea;
}

#profile_detail #cropperContainer #errorMessages.notice p {
    margin: 0;
    max-width: 100%;
}

/* Messages */
#displayDisabledPublicWarning.alert .svg-icon {
    margin-top: -26px;
    top: 50%;
}



/* ================================================== */
/*                   Right Column                     */
/* ================================================== */

#aside {
    position: relative;
    background-color: #eff4f8;
}

#aside .rc-btn {
    display: block;
    margin: 0 auto;
    max-width: 230px;
    clear: both;
}

#aside section {
    border-top: 3px solid white;
    margin: 10px 0 0;
    overflow: hidden; /* Needed for IE11 so that the svg doesn't cause the scrollbar to show. */
    padding: 20px 0;
    width: 100%;
    max-width: 100%;
}

#aside section#adSpace-topRight {
    border-top: none;
}

#aside section:first-child {
    border: none;
}

#profile_detail #aside section:first-child {
    margin-top: 25px;
}

#aside section h3 {
    color: #3b23a3;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.6px;
    padding: 5px 0 20px 0;
}

#aside #widget-activity-recent h3, #aside section h4, #aside section h5 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px;
}

#aside #widget-activity-recent h3 {
    color: #3b23a3;
    margin: 0 0 15px;
    letter-spacing: inherit;
    padding: 0;
    text-align: left;
}

#aside section h5 {
    color: #65318f;
}


#aside section.autopromo p {
    color: #252525;
    display: inline-block;
    float: left;
    margin: 15px 65px 35px 0;
    padding: 0 0 0 50px;
    position: relative;
    text-align: left;
}

#aside section.autopromo p .svg-icon {
    left: 20px;
    position: absolute;
    top: 5px;
}

#aside section.autopromo p .svg-icon.checkmark {
    height: 15px;
    width: 18px;
}

#aside section.autopromo p .svg-icon.arrowRight {
    fill: #46ebde;
    height: 16px;
    width: 15px;
}



/* Widget Gift */

#aside section.gift ul {
    text-align: center;
}

#aside section.gift ul li.rounded {
    float: none;
    height: 50px;
    margin: 0 5px 15px;
    padding: 0;
    width: 50px;
}

#aside section.gift ul li.rounded img {
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}

#aside section.gift {
   padding: 15px 0;
}

#aside section.gift h4 {
    padding-left: 10px;
}

#aside section.gift p {
    color: #424242;
    font-weight: 600;
    margin: 0;
    padding: 0 10px 10px 10px;
}

#aside section.gift .empty p {
    display: table-cell;
    height: 77px;
    line-height: 1.4em;
    padding: 0 10px 0 0;
    vertical-align: middle;
}

#aside section.simple {
    padding: 10px;
}

/*=== Home unlogged === */

.unlogged #aside {
    clear: both;
}

.unlogged #aside section {
    border: none;
}

.unlogged #aside .rc-btn {
    max-width: 100%;
}

#aside .widget.autopromo .rc-btn  {
    max-width: 70%;
}

.unlogged #aside section.shortsearch form {
    margin: 0 auto;
    width: 300px; 
}


/* Search widget */

.unlogged #aside section.shortsearch {
    background-color: #3b23a3;
    border: none;
    margin: 0 0 10px 0;
    padding: 30px 0;
}

.unlogged #aside section.shortsearch h2 {
    color: #7678dc;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -0.28px;
    line-height: 28px;
    padding: 0 0 30px 0;
    text-align:center;
}

.unlogged #aside .shortsearch .form-field-collapse {
    display: inline-block;
    margin-bottom: 25px;
    width: 134px;
}

.unlogged #aside .shortsearch .form-field-collapse label .rc-select-close,
.unlogged #aside .shortsearch label.between, .unlogged #aside .shortsearch label.years {
    display: none;
}


.unlogged #aside .shortsearch .form-field-collapse label, .unlogged #aside .shortsearch input.age {
    background-color: #7678dc;
    border: none;
    color:#fff;
    font-weight: 300;
    padding: 0 35px 0 10px; 
}

.unlogged #aside .shortsearch .form-field-collapse label em {
    color: white;
    font-size: 15px;
    line-height: 39px;
}

.unlogged #aside .shortsearch .form-field-collapse .field-wrapper-container .field-wrapper {
    background-color: #7678dc;
    border: none;
}

.unlogged #aside .shortsearch .form-field-collapse .field-wrapper-container .field-wrapper ul li label {
    padding: 0;
}
.unlogged #aside .shortsearch .age_1.age, .unlogged #aside .shortsearch .age_2.age {
    display:inline-block;
}

.unlogged #aside .shortsearch .age_1.age {
    float: left;
    margin:0;
    width: 134px;
}

.unlogged #aside .shortsearch .age_2.age {
    float: right;
    width: 159px;
}

.unlogged #aside .shortsearch .age_2.age .placeholder-label {
    float: right;
}

.unlogged #aside .shortsearch input.agevalue {
    background-color: #7678dc;
    border: none;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    font-weight: 300;
    padding: 9px 10px;
    width: 100%;
}

.unlogged #aside .shortsearch .age_2.age input.agevalue {
    float: right;
    width: 134px;
}

.unlogged #aside .shortsearch label.and {
    color:white;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 39px;
    margin: 0 0 0 2px;
}

.unlogged #aside .shortsearch .submit .rc-btn.unlogged {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color:#7678dc;
    border-radius: 30px;
    color: white;
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 28px;
    font-weight: 300;
    line-height: 39px;
    margin: 30px 0;
    min-width: 100%;
    padding: 0;
    text-align: center;
    width: 100%;
}

.unlogged #aside .shortsearch .submit .rc-btn.logged {
    display: none;
}

.unlogged #aside .shortsearch a.advanced_search {
    color: white;
    display: block;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
}

.unlogged #aside .shortsearch a.advanced_search .svg-icon {
    display: inline-block;
    fill: currentColor;
    height: 13px;
    left: 0;
    margin: 0 8px 0 0;
    vertical-align: middle;
    width: 13px;
}

.unlogged #aside .shortsearch .advanced_search_text {
    display: inline-block;
    vertical-align: middle;
}

.unlogged #aside .shortsearch .form-field-collapse label span:not(.checkbox) {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZTljODg3YS0xZWJhLTQ2Y2QtOGFmMy03ODE3NDVmMjhkOGQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEJFRDNCQTBEOTg1MTFFNTkyNjRCRUM0MjFDMDVCN0YiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEJFRDNCOUZEOTg1MTFFNTkyNjRCRUM0MjFDMDVCN0YiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxYjFiZjYzYS1mNWQ2LTQ3MmUtOGMzMy1kZGUxOTQ1ZGZlZDIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0MzM0MTUyNS0xNTZhLTExNzktYmY3ZS1iNWI4MWNmZjhhOTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5GORIRAAAAXklEQVR42mL6////UiCuAGIGIjFI7VIQo/Q/BFQQqQkEStEFKojQBFaDTSIbi6ZsdIPRFdRDFWQiiWVCxeqQ1WJzUgeSZpimDnR1uPwD04xVEwizMGAHFTjYcAAQYAD6NT5Pmc9liAAAAABJRU5ErkJggg==) no-repeat;
    display: block;
    height: 8px;
    position: absolute;
    right: 13px;
    top: 15px;
    width: 14px;
}

.unlogged #aside .shortsearch #age-custom-pref {
    margin-top: 25px;
    max-width: 300px;
}
.unlogged #aside .shortsearch .checkbox-wrapper input {
    margin: 5px 0 4px 0;
}

.unlogged #aside .radio-wrapper input {
    margin: 5px 0 4px 8px;
}

.unlogged #aside .shortsearch .form-field-collapse#orientation-custom {
    float: right;
}

/* Search Form */

.unlogged #aside .shortsearch .field-wrapper.checkbox-wrapper ul li {
    background: #7678dc;
}

.unlogged #aside .shortsearch .field-wrapper.checkbox-wrapper ul li label {
    color: white;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0;
    width: 100%;
}

/* Etre membre privilège */

.unlogged #aside section#widget-membre-privilege  {
    background-color: #35bab2;
    border: none;
    padding: 20px 0;
}

#aside #widget-membre-privilege h2, .unlogged #aside #widget-membre-privilege h2 {
    color: white;
    font-size: 28px;
    font-weight: 300;
    line-height: 28px;
    margin:0;
    padding: 15px 60px;
    text-align: center;
}

section#widget-membre-privilege ul {
    padding: 20px 30px 0 30px;
}

section#widget-membre-privilege ul li {
    color: white;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 5px;
    padding: 0 0 0 20px;
    position: relative;
}

section#widget-membre-privilege ul li .svg-icon.checkmark {
    display: block;
    fill: #3b23a3;
    height: 10px;
    left: 0;
    margin: 5px 0 0;
    position: absolute;
    width: 10px;
}

section#widget-membre-privilege ul li:last-child .svg-icon.checkmark {
    display: none;
}

section#widget-membre-privilege a {
    color:  white;
    display: block;
    font-size: 20px;
    padding: 20px 0 5px 0;
}

/*=== Widget App mobile === */

.unlogged #aside section#widget-app-mobile, #aside section#widget-mobile-app {
    background-color: #1dadea;
    border-top: none;
    clear: both;
    margin-top: 10px;
    padding: 20px 0 40px;
    position: relative;
}

#aside #widget-app-mobile h2, #aside #widget-mobile-app h3 {
    padding: 0 45px;
}

#aside #widget-mobile-app h3 {
    margin: 0;
}

#aside #widget-app-mobile p {
    margin: 20px 60px 30px 0;
}

#aside #widget-mobile-app p {
    margin: 20px 35px 30px 0;
}

.unlogged #aside section#widget-app-mobile .slashline, #aside section#widget-mobile-app .slashline {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/slash-line4.svg) repeat-x 0 18px;
    height: 45px;
}

#aside #widget-mobile-app p:before {
    background: none;
    content: none;
}

#aside #widget-mobile-app .checkmark {
    fill: #175c99;
}

section#widget-app-mobile a {
    color:  white;
    display: block;
    font-size: 20px;
    padding: 20px 0 5px 0;
}


/*=== Search === */

#aside .search-container-container {
    margin: 0 auto;
    padding: 15px;
    position: relative;
    width: 100%;
}

#aside .search-container-container .group-sep {
    margin: 10px 0 0 0;
}

#aside .search-container-container .form-field-collapse {
    float: left;
    width: 125px;
}

#aside .search-container-container .form-field-collapse label em {
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
}
#aside .search-container-container input[type="text"] {
    width: 100%;
}

#aside .search-container-container .group-link {
    margin: 4px 0;
    padding: 0;
}

#aside .search-container-container .group-link a {
    display: inline-block;
    padding: 8px 0 0;
}

#aside .search-container-container .submit {
    margin-top: 10px;
}

#aside .search-container-container .submit .advanced_search { 
    float: left;
    margin: 15px 0 0;
}

#aside .search-container #sexe-custom, 
#aside .search-container .f_age {
    float: none;
    margin: 10px 0;
    width: 100%;
}

#aside .search-container .f_age {
    margin-top: 5px;
}

#aside .search-container .f_age .age label {
    float: left;
    font-weight: 400;
    height: 36px;
    line-height: 36px;
    padding-top: 6px;
}

#aside .search-container .f_age .age span {
    float: left;
    margin: 0 3px;
    width: 34px;
}

#aside .search-container .f_age .age, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    float: left;
}

#aside .search-container #sexe-custom {
    margin: 10px 0 20px;
    max-width: 100%;
}

#aside .search-container .rc-select-close {
    display: none;
}

#aside .search-container .field-wrapper.checkbox-wrapper ul li {
    height: 36px;
}

#aside .search-container .field-wrapper.checkbox-wrapper ul li label {
    width: 76%;
}

/*=== Widget Avantage Privilege === */

#aside #widget-avantage-privilege {
    background-color: #2bbbb3;
    border-top: none;
}

#aside #widget-avantage-privilege h3, #aside #widget-avantage-privilege p,
#aside #widget-classement-prioritaire h3, #aside #widget-classement-prioritaire p,
#aside #widget-app-mobile h2, #aside #widget-app-mobile p,
#aside #widget-mobile-app h3, #aside #widget-mobile-app p {
    color: #fff;
    font-weight: 400;
    margin-top: 5px;
}

#aside #widget-avantage-privilege p {
    margin: 10px 20px 35px 0;
}

#aside .widget.autopromo h2, #aside .widget.autopromo h3 {
    font-size: 28px;
    font-weight: 400;
    line-height: 30px;
    padding: 0 15px;
}

#aside #widget-avantage-privilege .slashline, #aside #widget-membre-privilege .slashline {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/slash-line3.svg) repeat-x 0 10px;
    margin: 0;
}

#aside #widget-app-mobile h2 {
    letter-spacing: -0.6px;
    text-align: center;
}

/*=== Widget Classement prioritaire === */

#aside #widget-classement-prioritaire {
    background-color: #175c99;
    border-top: none;
    padding: 20px 0 30px;
}

#aside #widget-classement-prioritaire .slashline {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/slash-line5.svg) repeat-x 0 center;
    height: auto;
    margin:0 0 5px 0;
    min-height: auto;
}


#aside section#widget-classement-prioritaire p:before {
    content: none;
    display: none;
}

#aside section#widget-classement-prioritaire p .svg-icon.checkmark {
    fill: #1dadea;
}

/*=== Widget Une image vaut mille mots === */

#aside #widget-photo {
    background-color: #eff4f8;
    border-top: none;
}

#aside #widget-photo h3 {
    color: #3b23a3;
    padding: 0 50px;
}

#aside #widget-photo h3 span {
    line-height: 30px;
}

#aside #widget-photo p {
   color: #000;
   margin: 15px 15px 35px 0;
}

#aside #widget-photo p .svg-icon {
    fill: #7575e0;
}

/*=== Widget Garde du corps === */

#aside #widget-garde-du-corps {
    background-color: #3b23a3;
    border-top: none;
}

#aside #widget-garde-du-corps h3, #aside #widget-garde-du-corps p,
#aside #widget-selection-mois h3, #aside #widget-selection-mois p {
    color: white;
}

#aside #widget-garde-du-corps p {
    margin: 5px 30px 30px 0;
}

#aside #widget-garde-du-corps p:before {
    background: none;
}

#aside #widget-garde-du-corps p span {
    color: #f75054;
}

#aside #widget-garde-du-corps .btn-white {
    margin: 30px auto;
}

/*=== Widget Sélection du Mois === */

#widget-selection-mois {
    background: #258789;
    border-top: none;
}

#aside section#widget-selection-mois p:before {
    content: none;
    display: none;
}


/*=== Activités === */

#aside section.activities {
    padding-left: 15px;
    padding-right: 15px;
}

section.activities a.activity-name {
    color: #3b23a3;
    display: block;
    font-weight: 600;
    line-height: 18px;
}

section.activities a.see-all {
    clear: both;
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin: 15px 0 0;
}

section.activities p {
    color: #424242;
    font-weight: 500;
    padding: 0;
}

section.activities p span {
    color: #424242;
    font-weight: 500;
}

section.activities ul li {
    margin-bottom: 20px;
}

/*=== MasterSliderSuggestion === */

 #masterSliderSuggestions.ms-staff-carousel {
    height: 90px;
    margin: 0 auto !important;
    width: 300px;
}

 #masterSliderSuggestions.ms-staff-carousel .ms-nav-next,
  #masterSliderSuggestions.ms-staff-carousel .ms-nav-prev {
    background: none;
    box-shadow: none;
    height: 50px;
    margin-top: -25px;
    width: 33px;
  }

 #masterSliderSuggestions.ms-staff-carousel .ms-nav-next {
    right: -95px;
}

 #masterSliderSuggestions.ms-staff-carousel .ms-nav-prev {
    left: -95px;
}

#aside section .bigbox, #aside section.bigbox, #aside .widget .bigbox, #aside .widget.bigbox {
    display: block;
    position: relative;
}

#overlay-aside {
    background-color: #000;
    display: none;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 800;
}
#profile_account #aside section .rc-btn-picto-pen:hover span:before, #profile_account #aside section .rc-btn-picto-pen:hover * span:before, #profile_parameter #aside section .rc-btn-picto-pen:hover span:before, #profile_parameter #aside section .rc-btn-picto-pen:hover * span:before, #profile_detail #aside section .rc-btn-picto-pen:hover span:before, #profile_detail #aside section .rc-btn-picto-pen:hover * span:before {
    color: #FFF;
}

#profile_account #aside section#adSpace-bottomRight, #profile_parameter #aside section#adSpace-bottomRight, #profile_detail #aside section#adSpace-bottomRight {
    background: none;
    padding: 0;
}

#profile_account #aside section#adSpace-topRight, #profile_parameter #aside section#adSpace-topRight, #profile_detail #aside section#adSpace-topRight {
    margin-top: 25px;
}

/*=== Widget Community Stats === */

section#widget-community-stats {
    display: none;
}

#profile_account #aside section .locked, #profile_account #aside section .empty, #profile_parameter #aside section .locked, #profile_parameter #aside section .empty, #profile_detail #aside section .locked, #profile_detail #aside section .empty {
    color: #fff;
    min-height: 70px;
}

#aside section.gift .empty .rounded img {    
    left: 11px;
    position: absolute;
    top: 11px;
}

.unlogged #aside .autopromo {
    clear: both;
    display:block;
    width: 100%;
}

.unlogged #aside .inner {
    min-height: 380px;
}

.unlogged #aside section#search-container {
    display: block;
    margin-right: 15px;
}

.unlogged #aside section.activities { 
    float: left;
    width: 189px;
}

div#bigbox {
    min-height: 250px;
    margin: 0 auto;
    width: 300px;
}

#widget-activity-recent {
    background: none;
    float: none;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}

.unlogged #widget-activity-recent hgroup {
    float: left;
    width: 120px;
}

.unlogged #widget-activity-recent ul li {
    display:inline-block;
    float: left;
    margin-bottom: 15px;
    width: 100%;
}

#aside .autopromo iframe {
    display: block;
    margin: 0 auto;
}

.unlogged #aside .autopromo {
    left: 0;
    margin: 10px 0 0;
    padding: 20px 0;
    position: relative;
    top: 0;
    width: 100%
}

.unlogged #aside section#search-container {
    background: none;
    margin-right: 0;
}

.unlogged #widget-activity-recent hgroup {
    width: 60%;
}

.unlogged #aside section.activities {
    background: #f7f9fc;
    width: 100%;
}


#profile_detail #aside section .bordernone {
    border: none;
}


#widget-avantage-privilege .img-responsive {
    display: block;
    margin: 0 auto;
    max-width: 327px;
    width: 100%;
}

#aside #chat-forum-aside {
    margin: 0;
    padding: 15px;
}

#aside #chat-forum-aside a {
    margin-bottom: 0;
    color: #65318f;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    width: 100%;
}

#aside #chat-forum-aside a .svg-icon.forum-icon {
    display: block;
    fill: #2cbcb3;
    float: right;
    height: 28px;
    width: 33px;
}

#widget-mobile-app.autopromo p {
    padding: 0 0 0 60px;
}

#widget-classement-prioritaire.autopromo p {
    padding: 0 0 0 90px;
}

#widget-mobile-app.autopromo p:before, #widget-classement-prioritaire.autopromo p:before {
    background: none;
}

/*=== FAQ Block === */

#aside section#faq {
    display: none;
    padding: 20px 10px;
}

#aside section#faq h1 {
    font-size: 30px;
}

#aside section#faq a.moreLink {
    display: block;
    font-weight: 700;
    padding: 10px 0 0;
}




/* ================================================== */
/*                   Super Banner                     */
/* ================================================== */

.superbannerContainer {
    display: none;
    text-align: center;
}




/* ================================================== */
/*                      Profile                       */
/* ================================================== */

#modifyInfos, .details #modify-interests, .details #modify-description, .details #add-interests, .details #modify-quote, .details #modify-preferences {
    display: none;
}

.askComplete, #affinity, #membersInterested {
    display: none;
}

.askComplete {
    color: #1dadea;
    cursor: pointer;
}

#profil_btn_écrireMessage {
    margin-top:15px;
}

/* === Banner === */

#profile_detail #banner {
    height: auto;
    padding: 4px 0;
    position: relative;
    top: 1px;
    z-index: 1;
}

#bannerSlider {
    vertical-align: top;
}

#bannerSlider a {
    display: block;
    z-index: 5;
}

#bannerSlider .ms-view {
    background: #dfe5eb;
}

#bannerSlider .ms-view .ms-slide-container,
#bannerSlider .ms-view .ms-slide  {
    height: 100%;
}

#bannerSlider .ms-view .ms-slide {
    white-space: nowrap;
}

#bannerSlider .ms-slide .containsImage:after {
    background-color: #9dbcd4;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: .4;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .8s ease-in, background .8s ease-in;
    transition: opacity .8s ease-in, background .8s ease-in;
    width: 100%;
    z-index: auto;
}

#bannerSlider .ms-slide .containsImage img {
    -webkit-filter: grayscale(1) contrast(1.2);
    filter: grayscale(1) contrast(1.2);
    -webkit-transition: -webkit-filter .8s ease-in;
    transition: -webkit-filter .8s ease-in, filter .8s ease-in;
}

#bannerSlider .ms-slide.ms-sl-selected .containsImage:after {
    background: none;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .8s ease-out, background .8s ease-out;
    transition: opacity .8s ease-out, background .8s ease-out;
}

#bannerSlider .ms-slide.ms-sl-selected .containsImage img {
    -webkit-filter: none;
    filter: none;
    -webkit-transition: -webkit-filter .8s ease-out;
    transition: -webkit-filter .8s ease-out, filter .8s ease-out;
}

#bannerSlider .ms-slide .col {
    display: inline-block;
    height: 100%;
    margin-left: 4px;
    max-width: 282px;
    vertical-align: top;
    white-space: normal;
    width: 100%;
}

#bannerSlider .ms-slide .col:first-child {
    margin: 0;
    max-width: 425px;
}

#bannerSlider .ms-slide .col:nth-child(2) .mediumImage {
    margin-top: 4px;
    position: relative;
    z-index: 1;
}

#bannerSlider .ms-slide .col:nth-child(3) .mediumImage {
    margin-bottom: 4px;
}

#bannerSlider .ms-slide .col:nth-child(2) .layer:first-child,
#bannerSlider .ms-slide .col:nth-child(3) .layer:nth-child(2) {
    margin-right: 4px;
}

#bannerSlider .ms-slide.albumPriv:nth-child(2) .col:nth-child(2) .layer:first-child,
#bannerSlider .ms-slide.albumPriv:nth-child(2) .col:nth-child(3) .layer:nth-child(2) {
    margin: 0 0 0 4px;
}

#bannerSlider .ms-slide .layer {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

#bannerSlider .ms-slide .layer.addPhoto {
    cursor: pointer;
}

#bannerSlider .ms-slide .layer.blank {
    background-color: #c2ced9;
    cursor: default;
}

#bannerSlider .ms-slide .layer img {
    vertical-align: top;
    width: 100%;
}

#bannerSlider .ms-slide .layer .whitePenContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 100%;
    cursor: pointer;
    display: block;
    height: 36px;
    line-height: 34px;
    position: absolute;
    right: 6px;
    text-align: center;
    top: 6px;
    width: 36px;
    z-index: 1;
}

#bannerSlider .ms-slide .layer .pencilIcon {
    display: block;
    fill: #FFFFFF;
    height: 20px;
    left: 50%;
    margin: -10px 0 0 -10px;
    position: absolute;
    top: 50%;
    width: 20px;
}

#bannerSlider .ms-slide .layer .iconPlusContainer {
    background-color: #fff;
    border-radius: 100%;
    display: block;
    height: 46px;
    margin: -23px auto 0;
    position: relative;
    text-align: center;
    top: 50%;
    width: 46px;
}

#bannerSlider .ms-slide .layer .plusIcon {
    display: block;
    fill: #27a0d8;
    height: 20px;
    left: 50%;
    margin: -10px 0 0 -10px;
    position: absolute;
    top: 50%;
    width: 20px;
}

#bannerSlider .ms-slide .layer.largeImage {
    height: 100%;
    max-height: 277px;
    max-width: 277px;
    width: 100%;
}

#bannerSlider .ms-slide .layer.mediumImage {
    height: 282px;
    width: 282px;
}

#bannerSlider .ms-slide .layer.smallImage {
    height: 139px;
    width: 139px;
}

#bannerSlider .ms-nav-prev, 
#bannerSlider .ms-nav-next {
    background: none;
    box-shadow: none;
    height: 75px;
    margin-top: -37.5px;
    right: 10px;
    width: 49.5px;
}

#bannerSlider .ms-nav-prev {
    left: 10px;
}

#bannerSlider .ms-nav-prev .svg-icon, 
#bannerSlider .ms-nav-next .svg-icon {
    height: auto;
    width: 100%;
}

.ms-nav-prev use,
.ms-nav-next use { 
    pointer-events: none;
}

/* === No images === */

#bannerSlider .noPhotos .layer,
#bannerSlider .albumPriv .layer {
    cursor: default;
}

#bannerSlider .block {
    float: none;
    margin: 0;
    position: relative;
}

#bannerSlider .block1 {
    background-color: #167dc1;
}

#bannerSlider .backgroundImage,
#bannerSlider .backgroundImageContainer {
    display: block;
    height: auto;
    left: 50%;
    max-height: 90%;
    max-width: 90%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

#bannerSlider .backgroundImageContainer {
    height: 100%;
}

#bannerSlider .backgroundImageContainer, #bannerSlider .backgroundImageContainer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#bannerSlider .backgroundImageContainer .backgroundImage {
    margin-top: 5%;
    max-height: 100%;
    max-width: 100%;
}

#bannerSlider .backgroundImage1 {
    fill: #0b95d8;
}

#bannerSlider .female .backgroundImageContainer,
#bannerSlider .male .backgroundImageContainer,
#bannerSlider .couple .backgroundImageContainer {
    background-color: #22a0d8;
    border-radius: 100%;
    overflow: hidden;
}

#bannerSlider .backgroundImage1.female,
#bannerSlider .backgroundImage1.male,
#bannerSlider .backgroundImage1.couple {
    fill: #175c99;
}

#bannerSlider .backgroundImage1.couple {
    margin-top: 6%;
}

#bannerSlider .backgroundImage2 {
    fill: #c03c47;
}

#bannerSlider .backgroundImage3 {
    fill: #1995d5;
}

#bannerSlider .backgroundImage4 {
    fill: #7678dc;
}

#bannerSlider .backgroundImage5 {
    fill: #46ebde;
}

#bannerSlider .camPriv {
    fill: #3aede0;
    height: 151px;
    left: 150px;
    max-height: none;
    max-width: none;
    pointer-events: none;
    position: absolute;
    top: 15px;
    transform: none;
    width: 180px;
}

#bannerSlider .block2 {
    background-color: #f75054;
}

#bannerSlider .albumPriv .block2 {
    background-color: #2bbbb3; 
}

#bannerSlider .albumPriv .block3, #bannerSlider .albumPriv .block5 {
    background: none;
}

#bannerSlider .albumPriv .block3 {
    overflow: hidden;
}

#bannerSlider .block3 {
    background-color: #1dadea;
}

#bannerSlider .block4 {
    background-color: #4f39ac;
}

#bannerSlider .albumPriv .block4 {
    background: none;
    background-color: #c2ced9;
}

#bannerSlider .block5 {
    background-color: #35bab2;
}

#bannerSlider .ms-slide .layer .text {
    color: #ffffff;
    display: inline-block;
    font-weight: 300;
    line-height: 1em;
    padding: 18px;
    position: relative;
}

#bannerSlider .ms-slide .layer .text strong {
    font-weight: 600;
    line-height: 1em;
}

#bannerSlider .ms-slide .layer.largeImage .text {
    display: table-cell;
    font-size: 40px;
    height: 237px;
    line-height: 1.1em;
    padding: 10px 45px;
    vertical-align: middle;
}

#bannerSlider .ms-slide .incitatifPriv.layer.largeImage .text {
    font-size: 30px;
}

#bannerSlider .ms-slide.noPhotos .layer.largeImage .text {
    font-size: 30px;
}

#bannerSlider .ms-slide.albumPriv .layer.largeImage .text {
    font-size: 27px;
}

#bannerSlider .albumPriv .layer.largeImage .text {
    font-size: 34px;
    height: 237px;
    line-height: 1.1em;
}

#bannerSlider .ms-slide.albumPriv .layer.largeImage .text .next {
    font-size: 22px;
    padding-top: 0;
}

#bannerSlider .ms-slide .layer .text span.next {
    display: block;
    margin-top: 10px;
}

#bannerSlider .ms-slide .layer.mediumImage .text {
    font-size: 36px;
}

#bannerSlider .ms-slide .layer.mediumImage .text strong {
    font-style: italic;
}

#bannerSlider .ms-slide.albumPriv .layer.mediumImage .text strong {
    font-style: normal;
}

/* === Popup Master Slider === */

#masterSliderAlbum {
    display: none;
}

#albumSliderPopup .ms-view {
    background-color: #fff;
}

#masterSliderAlbumContent {
    max-width: 620px;
    width: 100%;
}

#masterSliderAlbumContent .ms-thumb-frame {
    max-height: 90px;
}

#masterSliderAlbumContent .ms-slide, #masterSliderAlbumContent .ms-view .ms-slide-container {
    height: 100% !important;
}

#masterSliderAlbumContent .ms-view {
    max-height: 450px;
}
#albumSliderPopup .slide-content {
    background-color: #c2ced9;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    text-align: center;
    width: 100%;
}

#albumSliderPopup .slide-content img {
    display: inline-block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}

#albumSliderPopup .ms-slide .ms-anim-layers {
    height: 100%;
    width: 100%;
}

#albumSliderPopup .ms-slide .ms-layer {
    bottom: 27px !important;
    right: 27px !important;
}

#albumSliderPopup .ms-nav-next,
#albumSliderPopup .ms-nav-prev {
    background: none;
    box-shadow: none;
    height: 75px;
    margin-top: -37.5px;
    width: 49.5px;
}

#colorbox #cboxClose {
    background: none;
    display: block;
    height: auto;
    right: 10px;
    top: 10px;
    width: auto;
}

#cboxClose .svg-icon {
    display: block;
    height: 15px;
    width: 15px;
}

#profile_detail #cboxLoadedContent {
    background-color: #fff;
}

#profile_detail #cboxContent {
    margin-top: 0;
}

#profile_detail .section {
    padding: 20px 0;
    position: relative;
    clear: both;
}

#profile_detail .section:first-child {
    background: none;
}
#profile_detail .detailer {
    word-wrap: break-word;
}

.memDetails .btn-white {
    clear: both;
    max-width: 230px;
    margin: 20px auto 0;
    display: block;
}

.memDetails .moreDetails.hideButton,
.askMessage,
.askDescription,
.askInterests,
.askMusic,
.alreadyAskedMessage,
.alreadyAskedDescription,
.alreadyAskedInterests, 
.alreadyAskedMusic {
    display: none;
}

.albumheader {
    font-size: 16px;
    padding: 5px 0 5px 20px;
    text-align: center;
}

img.ms-thumb.portrait {
    height: auto;
    width: 100%;
}

img.ms-thumb.landscape {
    height: 100%;
    width: auto;
}

/* === Profile Parameter / Profile Account / Delete Profile === */

#profile_parameter h1, #profile_account h1, #profile_unregister h1, #profile_account_settings h1 {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -0.75px;
    line-height: 34px;
    margin: 0 0 20px 0;
}

#profile_parameter h1, #profile_account h1, #profile_unregister h1, #profile_account_settings h1 {
    letter-spacing: 0;
}

#profile_parameter h2, #profile_account h2, #profile_account_settings h2 {
    font-size: 29px;
    font-weight: 400;
    letter-spacing: -0.75px;  
    line-height: 32px; 
}

#profile_parameter h2 {
    margin: 20px 0;
}

#profile_account h2 { 
    margin: 0 0 20px 0;
}

#profile_account .section#formPassChange p {
    padding: 0;
}  

#profile_account .section#formPassChange .formError p {
    padding: 0 0 0 35px;
}   

#profile_parameter ul.error li, 
#profile_account ul.error li, 
#profile_unregister ul.error li, 
#profile_account_settings ul.error li {
    color: #f24138;
    line-height: inherit;
}

#profile_account .notice.warning p {
    padding: 16px 0 16px 65px;
}

#profile_account .notice.flex.warning p {
    padding: 0 0 0 20px;
}

.unlinkSocialDesc {
    clear: both;
    font-size: 14px;
}

/*Success message */
#profile_parameter .notice.valid p {
    padding: 17.5px 0 17.5px 65px;
}

#profile_parameter .section.sepLeftBottom {
    padding-bottom: 20px;
}

#profile_parameter .section.sepLeftBottom.comm {
    margin-bottom: 20px;
}

#profile_account h3.email-confirmed { 
    border: 3px solid #1dadea;
    color: #1dadea;
    display: inline-block;
    font-size: 22px;
    line-height: 50px;
    padding: 10px;
}

#profile_account h3.email-notConfirmed { 
    border: 3px solid #f75054;
    color: #f75054;
    display: inline-block;
    padding: 10px;
}

#profile_parameter .select-wrapper {
    margin: 10px 0 0;
}

.param_title {
    padding-top: 5px;
}

.email-modify h2 span {
    color: #35bab2;
    font-weight: 400;
    line-height: 25px;
    margin: 0 10px 0 0;
    vertical-align: top;
}

.email-modify p {
    color: #424242;
    font-weight: 700;
}

.email-modify .error p {
    font-weight: 400;
}

.email-modify p span {
    font-weight: 400;
}

.email-modify .notice.validateEmail p {
    font-weight: normal;
    padding-bottom: 5px;
    padding-top: 5px;
}

#profile_parameter .modifySectionPen, #profile_account .modifySectionPen {
    top: 10px;
}

#profile_parameter .section .rc-select-container {
    margin: 10px 0 0;
}

#profile_account .section input {
    display: block;
    width: 290px;
}

#profile_account .section .rc-form-field {
    margin: 0 0 10px 0;
}

#profile_account .section .btn-blue {
    margin: 0 10px 10px 0;
}

#profile_account .rc-btn-facebook,
#interception_email_validation_page .rc-btn-facebook {
    display: block;
    width: 205px;
}

#profile_account .link-unactive
{
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

#profile_parameter .section span.form-help {
    display: block;
    margin: 0 0 20px 0;
}

.remove-profile {
    display: inline-block;
    float: left;
    height: 25px;
    margin: 3px 10px 0 0;
    vertical-align: middle;
    width: 24px;
}

#profile_account .section .fb-text {
    clear: both;
    margin: 10px 0;
    padding: 0;
}

#profile_account .section.email-modify .fieldBg {
    margin: 20px 0 0;
}

#profile_unregister .btn-blue {
    margin: 10px 10px 0 0;
}

#profile_unregister textarea {
    height: 100px;
    width: 100%;
}

#profile_unregister .fieldgroup {
    margin: 10px 0;
}

.removeBlock {
    margin-top: 10px;
}

#profile_account .details {
    padding: 10px 0 0;
}

#profile_account .details .section {
    padding: 4px 0 10px;
}

/*=== Unlogged Profile === */

body.unlogged .subscribe {
    padding: 0;
    z-index: 2001;
}

body.unlogged .subscribe a.btn-white, body.unlogged .subscribe a.btn-red {
    display: block;
}

body#profil_create.unlogged .subscribe a.btn-red {
    display: none;
}

.section h1 .star-priv-container {
    display: inline-block;
    font-size: 14px;
    height: 21px;
    vertical-align: middle;
    width: 21px;
}

.section h1 .star-priv {
    display: inline-block;
    fill: #f75054;
    height: 21px;
    margin: 0;
    vertical-align: middle;
    width: 21px;
}
#profile_account #welcome a, #profile_parameter #welcome a, #profile_detail #welcome a {
    border: none;
    position: absolute;
    right: 5px;
    top: 5px;
}
/*=== Profile === */

#profile_detail h1 {
    color: #000;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -0.7px;
    margin: 20px 0 0;    
}

#profile_detail h2 {
    font-size: 24px;
    font-weight: 400;
    color: #1c1c1c;
    letter-spacing: -0.75px;
    padding: 0 0 35px 0;
}

#profile_detail .preferencesBlock h2 {
    padding: 0;
}

#profile_detail .notice.info h2 {
    font-size: 20px;
    padding: 0 0 5px 65px;
}
#profile_detail .modal h2 {
    padding: 0;
}

#profile_detail h2 .icon,
#profile_detail h2 .svg-icon {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

#profile_detail h2 .text {
    display: inline-block;
    vertical-align: middle;
}

#profile_detail .interests h2 {
    line-height: 28px;
    padding: 0 0 25px 0; 
}

#profile_detail .interests h3 {
    color: #1dadea;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    padding-bottom: 15px;
    text-transform: uppercase;
}

#profile_detail .notice.error h2 {
    line-height: 30px;
    padding: 0 0 5px 65px;
}

.breadcrumContainer {
    border-top:1px solid #ccc;
    display: block;
    margin-top: 15px;
}
p#breadcrum, p.lastlogin {
    color: #000;
    display: inline-block;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 0;
}

p#breadcrum span, p#breadcrum a, span.lastlogin, a.lastlogin {
    border-left: 1px solid #ccc;
    padding: 0 15px 0 10px;
    display: inline-block;
    color: #000;
}
span.lastlogin, a.lastlogin {
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
}

p#breadcrum .svg-icon, a.lastlogin .svg-icon {
    border: none;
    margin: 0 2px;
}

p.lastlogin {
    border-left: 1px solid #ccc;
    border-top:none;
    padding: 0 30px 0 10px;
}

.lastlogin .svg-icon {
    fill: #2e2c2b;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
}

.lastlogin a {
    color: #000;
}

#profile_detail .notice.valid {
    margin: 20px 0 0;
}

#profile_detail .modal form .report .notice {
    margin: 0;
}

#profile_detail .modal form .report .notice p {
    padding: 16px 0 16px 65px;
}

#profile_detail .notice p {
    max-width: 265px;
}

#profile_detail .modal#image-alert-form form .report {
    padding: 0 15px;
}

#profile_detail .modal#image-alert-form form .report .notice {
    margin: 0;
    padding: 0 0 0 75px;
}

#profile_detail .modal#image-alert-form form .report .notice.error {
    line-height: 20px;
    padding: 8px 0 8px 45px;
}

#profile_detail .modal#image-alert-form form .report .notice.valid {
    line-height: 40px;
}

.modal#image-alert-form form .report .notice .error-icon-container,
.modal#image-alert-form form .report .notice .valid-icon-container {
    left: 10px;
}
#profile_detail .modal#image-alert-form form .rc-form-field {
    padding: 0 15px;
}

#profile_detail #add-interests .notice p, #profile_detail #addInterests .notice p {
    max-width: 100%;
}

#colorbox #add-interests .notice.info, #colorbox #addInterests .notice.info {
    margin: 15px 0 30px;
}

/*=== Action Block === */

#profile_account .actionBlock, #profile_detail .actionBlock {
    background: none;
    padding: 5px 0;
    text-align: center;
}

.actionBlock li {
    display: inline-block;
    margin: 0 5px 10px 0;
    max-width: 143px;
    width: 100%;
}
.actionBlock li.warning {
    padding: 0;
}

.actionBlock .btn-white, #profile_detail.unlogged .actionBlock .btn-white {
    font-size: 14px;
    padding: 5px 10px;
    width: 100%;
}

/*=== Complete Profile === */

.complete-profile {
    display: none;
    width: 100%;
    height: auto;
    padding: 0 0 10px;
    margin: 0 0 30px;
}

.complete-profile h6 {
    color: #00b8fe;
    display: inline;
    line-height: 20px;
    font-style: italic;
    font-weight: 700;
    padding: 0 6px 0 0;
}

#profile_detail .complete-profile h6 {
    display: block;
    padding: 0 0 0 15px;
}

.complete-profile p {
    display: none;
    line-height: 24px;
    padding: 0;
}

#profile_detail .complete-profile p {
    color: #636363;
    padding: 0 15px;
}

.complete-profile p.nextAdvice {
    display: none;
    line-height: 20px;
}

.complete-profile p.activeAdvice.show {
    display: inline;
}

#profile_detail .complete-profile p.activeAdvice.show {
    display: block;
}

.complete-profile p span {
    color: #636363;
    cursor: pointer;
    font-size: 14px;
    text-decoration: underline;
}

#profile-progress {
   background: white;
   border: 1px solid #555;
   display: block;
   height: 27px;
   position: relative;
   width: 100%;
}

#profile-progress span {
    background: #1dadea;
    border: none;
    height: 100%;
    left: 0;
    position: absolute;
}

#profile-progress p {
    display: inline-block;
    position: absolute; 
    top: 0;
    right: 25px;
    font-size: 14px;
    font-weight: 600;
    color: #111;
}

.adviceBlock {
    display: block;
    padding: 10px 0;
}

#profile_detail .adviceBlock {
    background-color: #f4f6f8;
}



/*=== Quote === */


#profile_detail .quote {
    background:none; 
    margin: 30px 0 0;
    padding: 10px 0 50px;
}
body.me .quote {
    display: none;
}

.quote blockquote {
    color: #2aa9de;
    display: none;
    font-size: 30px;
    font-style: italic;
    font-weight: 300;
    line-height: 32px;
    padding-right: 25px;
    quotes: "« " " »";
    word-wrap: break-word;
}

.quote blockquote::before {
    content: open-quote;
}

.quote blockquote::after {
    content: close-quote;
}
.quoteAjaxLoader {
    display: block;
    margin: 0 auto;
    width: 32px;
}
/*=== Bloc VIP === */

#profile_detail .section.big-vip-block {
    background: none;
    display: block;
    margin: 0;
    padding: 50px 0 0;
    width: 100%;
}

.big-vip-block h3 {
    font-size: 38px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.95px;
    color: #3b23a3;
    padding: 0;
    margin: 0;
    text-align: center;
}

.big-vip-block h4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 20px;
    color: #3b23a3;
    padding: 5px 0 0;
    margin: 0;
    text-align: center;
}

.big-vip-block ul {
    display: block;
    margin: 35px 0 30px 25px; 
}

.big-vip-block ul li {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    color: #424242;
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5ZTljODg3YS0xZWJhLTQ2Y2QtOGFmMy03ODE3NDVmMjhkOGQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzhCQkYyNTA4QTNGMTFFNUI3QTQ5RTdCRDA0QjE5NUMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzhCQkYyNEY4QTNGMTFFNUI3QTQ5RTdCRDA0QjE5NUMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpjMjBjZDhlOS03MzVmLTQwY2EtODA3Yy1kYmM4YzE3ZjExNjUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDozZTkyZjRjNS1jNTFhLTExNzgtOTdhZi1mMGQzNzQ3MTY1MzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5LLh5JAAABAklEQVR42mJkIBEYbZ+pAqQ2AjGIbmAkUbMgkDoBxGpQoV9MJGhmBVJrkDSDwAUmEhwwGYidkPivgTiChUjb84FUOpLQbyAOOueZfp+RCM2eQGoLECO7Ng6oeTGIwQhUEA6ka4H4LhDnAiUeIWnWBlLHgZgXSXMnUE0FjAMydQ4QgxT6AfFZoCZnqGZRqM3ImjcAcSWyC0EuuAWkVZHE/gFxDRB7A7E1kvh5ILYF2v4V2QAmqMJraGJtaJpfgFyIrhmsGCh4G0ibA/FqHOH4HYh9geqeYJMEhyxQ8guQAgVmCRD/RVOTCJQ/gyuWGLFEmwOQmgfE4qAAA2qehC+aAQIMACrPSUsjqFvoAAAAAElFTkSuQmCC);
}


/*=== Bloc My Infos === */

#modify-infos {
    display: none;
    padding: 20px 10px;
}
#modify-infos .rc-form-field {
    margin-bottom: 20px;
}
#modify-infos label:first-child span {
    text-transform: lowercase;
}

#modify-infos .clearfix {
    margin: 10px 0;
}

#modify-infos .age-selector {
    display: block;
    margin: 10px 0;
}
#modify-infos .age-selector .rc-form-field {
    display: inline-block;
    margin-right: 10px;
}
#modify-infos .age-selector .rc-form-field#register-day {
    width: 68px;
}

#modify-infos .age-selector .rc-form-field#register-year {
    margin: 0 0 20px 0;
    width: 80px;
}

#modify-infos .age-selector .rc-form-field#register-day input, #modify-infos .age-selector .rc-form-field#register-year input {
    width: 100%;
}
#modify-infos .age-selector .rc-form-field input {
    width: 40px;
    height: 40px;
}

#modify-infos .age-selector .rc-form-field input#r-year {
    width: 60px;
}
#modify-infos #location > label {
    display: block;
}

#modify-infos .cp-selector, #modify-infos .city-selector {
    display: inline-block;
    margin: 0 1%;
    width: 47%;
}
#modify-infos .cp-selector {
    margin: 0 1% 0 0;
}
#modify-infos .rc-select-container-single .rc-select-single {
    padding: 7.5px 8px;
}

#modify-infos .city-selector .rc-form-field, #modify-infos .cp-selector .rc-form-field {
    display: inline-block;
    width: 100%;
}
#modify-infos .select-wrapper select.listCities {
    padding: 8px 0;
}

#modify-infos .cp-selector .rc-form-field input, #modify-infos .city-selector .rc-form-field input {
    width: 100%;
}
/* Error */

#modify-infos input.error {
    border: 2px solid #f75054;
}
#modify-infos #location p.error {
    color: #f75054;
}
#modify-infos .formError, #modify-preferences .formError  {
    display: none; 
}
/*=== Bloc Status === */

#modify-quote {
    padding: 0;
    margin: 0 0 20px;
}

#modify-quote label {
   color:#424242;
   font-weight: 700;
}

#modify-quote textarea {
    height: 80px;
    line-height: 18px;
    margin: 10px 0 0;
    padding: 15px;
    width: 100%;
}

#modify-quote textarea.error {
    border: 2px solid #f24138;
}

#modify-quote .text-center {
    margin: 20px 0;
}

#modify-quote .btn-white, #modify-infos .btn-white {
    margin-right: 20px;
}

#modify-quote #quote-alert {
    display: none;
}

#charNum1 {
    padding-top: 5px;
    text-align: right;
}

input#myQuote {
    margin-top: 5px;
    width: 100%;
}

form .placeholder-label,
.form .placeholder-label {
    line-height: normal;
}

/* IE 11 */
@media all and (-ms-high-contrast:none) {    
    .placeholder-label span {
        line-height: inherit !important;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 90%;
    }

        #registration .placeholder-label span {
            overflow: inherit !important;
            width: 100%;
        }

    #forum .placeholder-label span {
        line-height: 20px !important;
    }
    #registration-wrapper .placeholder-label span {
        line-height: 38px !important;
    }
}

/* EDGE */
@supports (-ms-accelerator:true) {
    .placeholder-label span {
        line-height: inherit !important;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 90%;
    }
    #registration-wrapper .placeholder-label span {
        line-height: 38px !important;
    }

}


#colorbox #modify-quote {
    margin: 0;
    padding: 25px 20px 20px;
}

/*=== Bloc Preferences === */

ul#preferences {
    display: block;
    width: 100%;
    margin:0;
    padding: 0;
}

ul#preferences li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 16px;
    line-height: 18px;
    text-decoration: underline;
    margin-bottom: 15px;
}

#knowBodyguard {
    display: block;
    margin-top: 10px;
}

#display-preferences {
    padding: 35px 0 0;
}

#age_min, #age_max {
    -moz-appearance:textfield;
}

/* Modify preferences */

#modify-preferences {
    padding: 20px 10px;
}

#modify-preferences label {
    background: transparent;
    color: #424242;
    font-weight: 700;
}

#modify-preferences .rc-form-field label {
    font-weight: 400;
}

#modify-preferences .form-field-collapse > label, #modify-details .form-field-collapse > label {
    padding: 8px 25px 8px 8px;
}

#modify-preferences h4 {
    color: #999;
    font-style: italic;
    padding: 0 0 20px;
}

#formPreferences {
    padding: 0 0 20px 0;
}

#formPreferences #sexe-custom, #formPreferences #orientation-custom, #formPreferences #age-custom-pref,
#formPreferences .postcode, #formPreferences .distance, #formPreferences .goal, #formPreferences #goal-custom {
    display: block;
    margin: 0 0 10px 0;
    width: 100% !important;
}

#modify-preferences #age-custom-pref label {
    display: inline-block;
    padding: 0 4px;
}

#formPreferences #age-custom-pref {
    width: 175px;
}

#formPreferences #age-custom-pref .age {
    display: inline-block;
}

#formPreferences .postcode label, #formPreferences .postcode #custom-code-postal,
#formPreferences .distance label, #formPreferences .distance #membre-depuis-custom {
    display: block;
}

#formPreferences #age-custom-pref input {
    text-align: center;
    width: 45px;
}

#formPreferences ul.multichoice li:hover {
    background-color: #dfe5eb;
}

#formPreferences .postcode {
    width: 160px;
}
#formPreferences .postcode input {
    color: #ababab;
    display: inline-block;
    width: 100%;
}

#formPreferences .checkbox-wrapper input, .radio-wrapper input {
    margin-top: 3px;
}

#modify-details .rc-select-container-single .rc-select-single div b,
#modify-infos .rc-select-container-single .rc-select-single div b,
#formPreferences .rc-select-container-single .rc-select-single div b {
    right: 8px;
}

#formPreferences .field-wrapper.checkbox-wrapper ul li, #modify-details .field-wrapper.checkbox-wrapper ul li {
    padding: 8px;
}

.postCodePref {
    text-transform: uppercase;
}

/* errors */

#age-custom-pref .age.error {
    width: auto;
}

#age-custom-pref .age.error input, #sexe-custom.error > label:first-child, #orientation-custom.error > label:first-child, #goal-custom.error > label:first-child {
    border: 2px solid #f24138;

}

#age-custom-pref p, #sexe-custom p, #orientation-custom p, #goal-custom p {
    color: #f24138;
    display: none;
    font-size: 14px;
    line-height: 18px;
    padding: 0;
}

#age-custom-pref.error p, #sexe-custom.error p, #orientation-custom.error p, #goal-custom.error p {
    display: block;
}

/*=== Bloc Intérêts === */

ul.interests-list li, ul.interests-list li.blue {
    margin: 0 20px 10px 0;
    padding: 5px 15px;
    list-style: none;
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
}

ul.interests-list li{
    color: #000;
    border: 1px solid #ababab;
    display: inline-block;
}

ul.interests-list li.blue{
    color: #fff;
    border: 1px solid #1dadea;
    background: #1dadea;
}

#myInterestsBlock h5 {
    color: #1dadea;
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

.interests #affinity {
    margin: 0 0 20px 0;
}

.userInterested, .userInterested1 {
    display: inline-block;
    margin: 0 10px 10px 0;
}

.userListBlock, .userListBlock.hidden {
    display: none;
}
.userListBlock img, .userInterested1 img {
    border-radius: 50%;
}

#myInterestsBlock .text-center {
    margin: 20px 0 0;
}

.rc-btn.hideButton {
    display: none;
}

/*=== Modifier les Intérêts === */

#message_list #colorbox #cboxContent {
    background: #fff;
}
span#editInterests, span#editDescription, span#editPreferences,span#editMusic {
    color:#1dadea;
    cursor: pointer;
}
#modify-interests {
    margin: 0 0 15px 0;
    padding: 20px 0 40px 0; 
}

#colorbox #modify-interests {
    padding: 30px 10px; 
}

#add-interests, #addInterests {
    overflow: hidden;
    padding: 30px 15px 20px;
}
#addInterests #cboxClose {
    top: 0 !important;
}
#add-interests p.interestsLength, #addInterests p.interestsLength{
    display: none;
}

#modify-interests label, #add-interests label, #addInterests label {
    color:#424242;
    font-weight: 700;
}

#modify-interests .nbInterests p, #add-interests .nbInterests p, #addInterests .nbInterests p {
    text-align: right;
}

#modify-interests .nbInterests ul li, #add-interests .nbInterests ul li, #addInterests .nbInterests ul li {
    cursor: pointer;
    margin: 0 15px 15px 0;
    padding: 5px 30px 5px 15px;
    position: relative;
}

#modify-interests .nbInterests ul li:hover, #add-interests .nbInterests ul li:hover, #addInterests .nbInterests ul li:hover {
    background: #1dadea; 
    border: 1px solid #1dadea;
    color: white;
}

.device_android #modify-interests .nbInterests ul li:hover, .device_android #add-interests .nbInterests ul li:hover, .device_android #addInterests .nbInterests ul li:hover,
.device_ios #modify-interests .nbInterests ul li:hover, .device_ios #add-interests .nbInterests ul li:hover, .device_ios #addInterests .nbInterests ul li:hover {
    background: transparent;
    border: 1px solid #ababab;
    color: #000;
}

ul.interests-list .svg-icon.close {
    display: block;
    fill: #000;
    height: 10px;
    margin-top: -5px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 10px;
}

ul.interests-list li:hover .svg-icon.close {
    fill: #FFFFFF;
}

.device_ios ul.interests-list li:hover .svg-icon.close,
.device_android ul.interests-list li:hover .svg-icon.close {
    fill: #000;
}

#modify-interests .add, #add-interests .add, #addInterests .add {
    position: relative;
}

#modify-interests .add input, #add-interests .add input, #addInterests .add input {
    margin: 10px 0;
    width: 100%;
}

#modify-interests .add span, #add-interests .add span, #addInterests .add span {
    background:#1dadea;
    border-radius: 50%;
    color: white;
    font-size: 24px;
    height: 26px;
    line-height: 26px;
    position: absolute;
    right: 6px;
    text-align: center;
    top: 15px;
    width: 26px;
}

#modify-interests .choose, #add-interests .choose, #addInterests .choose {
    margin: 20px 0 30px;
    position: relative;
}

#modify-interests .choose .cat, #add-interests .choose .cat, #addInterests .choose .cat {
    border-top: 1px solid #ccc;
    display: inline-block;
    float: left;
    width: 33%;
}

#modify-interests .choose .cat ul li, #add-interests .choose .cat ul li, #addInterests .choose .cat ul li {
    border-bottom: 1px solid #ccc;
    list-style: none;
    text-align: left;
}

#modify-interests .choose .cat ul li a, #add-interests .choose .cat ul li a, #addInterests .choose .cat ul li a {
    color: #000;
    cursor: pointer;
    display: block;
    padding: 14px 10px;
    text-decoration: none;
}
#add-interests .choose .cat ul li a, #addInterests .choose .cat ul li a {
    padding: 10px 5px;
}
#modify-interests .choose .cat ul li a:hover, #add-interests .choose .cat ul li a:hover, #modify-interests a.menu.active,
#addInterests .choose .cat ul li a:hover, #addInterests .choose .cat ul li a.active {
    background: #dfe5eb;
}

#modify-interests .choose .list, #add-interests .choose .list, #addInterests .choose .list {
    -webkit-overflow-scrolling: touch;
    display: inline-block;
    height: 100%;
    float: right;
    overflow-y:scroll;
    position: absolute;
    padding-left: 5%;
    width: 67%;
}

#modify-interests .choose .list .targetDiv, #add-interests .choose .list .targetDiv, #addInterests .choose .list .targetDiv {
    background: white;
    display: none;
}

#modify-interests .choose .list .targetDiv.catlist1, #add-interests .choose .list .targetDiv.catlist1, #addInterests .choose .list .targetDiv.catlist1 {
    display: block;
}

#modify-interests .choose .list .targetDiv .ms-view, #add-interests .choose .list .targetDiv .ms-view, #addInterests .choose .list .targetDiv .ms-view {
    background: white;
}

/*Scrollbar*/

.list::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.list::-webkit-scrollbar:vertical {
    width: 7px;
}
.list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

@media only screen 
  and (max-device-width: 451px) {
    
    #modify-interests .choose .list .targetDiv .ms-view, #add-interests .choose .list .targetDiv .ms-view, #addInterests .choose .list .targetDiv .ms-view {
        height: 460px !important;
    }
}

@media only screen 
  and (min-device-width: 452px) and (max-device-width: 480px) {
    
    #modify-interests .choose .list .targetDiv .ms-view, #add-interests .choose .list .targetDiv .ms-view, #addInterests .choose .list .targetDiv .ms-view {
        height: 400px !important;
    }

}

@media only screen 
  and (min-device-width: 481px) and (max-device-width: 519px) {
    
    #modify-interests .choose .list .targetDiv .ms-view, #add-interests .choose .list .targetDiv .ms-view, #addInterests .choose .list .targetDiv .ms-view {
        height: 389px !important;
    }

}

#modify-interests .choose .list .targetDiv .interestsFromCat, #add-interests .choose .list .targetDiv .interestsFromCat, #addInterests .choose .list .targetDiv .interestsFromCat {
    max-width: 200px;
    width: 100%;
}

#modify-interests .choose .list .targetDiv ul li, #add-interests .choose .list .targetDiv ul li, #addInterests .choose .list .targetDiv ul li {
    background: transparent;
    border: 1px solid #ababab;
    color: #000;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 700;
    margin: 0 5px 8px 0;
    max-width: 190px;
    padding: 5px 20px 5px 5px;
    position: relative;
}

#modify-interests .choose .list .targetDiv ul li:hover, #add-interests .choose .list .targetDiv ul li:hover, #addInterests .choose .list .targetDiv ul li:hover {
    background: #1dadea;
    border: 1px solid #1dadea;
    color: white;
}

.device_ios #modify-interests .choose .list .targetDiv ul li:hover, .device_ios #add-interests .choose .list .targetDiv ul li:hover, .device_ios #addInterests .choose .list .targetDiv ul li:hover,
.device_android #modify-interests .choose .list .targetDiv ul li:hover, .device_android #add-interests .choose .list .targetDiv ul li:hover, .device_android #addInterests .choose .list .targetDiv ul li:hover {
    background: transparent;
    border: 1px solid #ababab;
    color: black;
}

#modify-interests .choose .list .targetDiv ul li span, #add-interests .choose .list .targetDiv ul li span,
#addInterests .choose .list .targetDiv ul li span {
    font-size:20px;
    font-weight: 700;
    position: absolute;
    right: 5px;
    top: 2px;
}

@supports (-ms-accelerator:true) {
    #modify-interests .choose .list .targetDiv ul li:hover, #add-interests .choose .list .targetDiv ul li:hover, #addInterests .choose .list .targetDiv ul li:hover,
    #modify-interests .nbInterests ul li:hover, #add-interests .nbInterests ul li:hover, #addInterests .nbInterests ul li:hover {
        background: transparent;
        border: 1px solid #ababab;
        color: #000;
    }
    .nbInterests ul li:hover .svg-icon.close {
        fill: #000;
    }
}

#modify-interests .choose .list .targetDiv .ms-nav-next, #modify-interests .choose .list .targetDiv .ms-nav-prev,
#add-interests .choose .list .targetDiv .ms-nav-next, #add-interests .choose .list .targetDiv .ms-nav-prev,
#addInterests .choose .list .targetDiv .ms-nav-next, #addInterests .choose .list .targetDiv .ms-nav-prev {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/sprite/blackArrows.svg) no-repeat;
    background-position: 3px 0;
    background-size: 100px 50px;
    cursor: pointer;
    height: 13px;
    margin-top: -17px;
    position: absolute;
    right: 40px;
    width: 15px;
    z-index: 999;
}

#modify-interests .choose .list .targetDiv .ms-nav-prev, #add-interests .choose .list .targetDiv .ms-nav-prev,
#addInterests .choose .list .targetDiv .ms-nav-prev {
    background-position: -47px 0;
    left: 40px;
}

#modify-interests .choose .list .targetDiv .ms-bullets.ms-dir-h, #add-interests .choose .list .targetDiv .ms-bullets.ms-dir-h,
#addInterests .choose .list .targetDiv .ms-bullets.ms-dir-h {
    bottom: 0;
}

#modify-interests .choose .list .targetDiv .ms-bullet, #add-interests .choose .list .targetDiv .ms-bullet,
#addInterests .choose .list .targetDiv .ms-bullet {
    background: #e8eaec;
    border-radius: 50%;
    height: 12px;
    width: 12px;
}

#modify-interests .choose .list .targetDiv .ms-bullet.ms-bullet-selected, #add-interests .choose .list .targetDiv .ms-bullet.ms-bullet-selected,
#addInterests .choose .list .targetDiv .ms-bullet.ms-bullet-selected {
    background: #1dadea;
}

span.btn-white, span.btn-blue {
    cursor: pointer;
}

#my-interests {
    padding: 0 10px;
}

#noInterest, .emptyMessage {
    color: #999;
    font-style: italic;
}

/*=== Bloc Details === */

ul.details {
    width: 100%;
    display: block;
    float: inherit;
    height: auto;
    margin: 0;
}

ul.details.noDetailsDisplay {
    display: none;
}

ul.details li {
    display: block;
    margin: 0 0 20px;
    width: 100%;
}

ul.details li.empty {
    display: none;
}

ul.details li p {
    color: #424242;
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    max-width: 86%;
    padding: 0 0 0 20px;
    vertical-align: top;
}
ul.details li p strong {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    display: block;
    color: #424242;
}

/*=== Modify Details === */

#modify-details {
    display: none;
    margin: 40px 0 0;
    padding: 0 0 40px 0;
}

#colorbox #modify-details {
    margin: 0;
    overflow: hidden;
    padding: 25px 10px 20px;
}

#modify-details .notice.formError {
    display: none;
}

#modify-details .errorMessage {
    color: #f24138;
    padding: 5px 0 0;
}

.fieldError .form-field-collapse label,
.fieldError .rc-select-container-single .rc-select-single {
    border: 1px solid #f24138;
}

#modify-details form > ul {
    list-style: none;
}

#modify-details form > ul > li {
    display: inline-block;
    float: left;
    margin: 0 0 4% 0;
    width: 100%;
}

#modify-details form > ul > li.noMargin {
    margin: 0 0 4% 0;
}

#modify-details .rc-select-container {
    width: 100%;
}

#modify-details .rc-select-container ul.rc-select-results li.active-result {
   border-bottom: 1px solid #ababab;
   display: block;
   float: none;
   margin: 0;
}

#modify-details .rc-select-container ul.rc-select-results li.active-result:last-child {
   border-bottom: none;
}

#modify-details .text-center .btn-white, #modify-interests .text-center .btn-white, #modify-preferences .text-center .btn-white, #add-interests .text-center .btn-white {
    margin: 0 20px 0 0;
}

#modify-details .form-field-collapse.form-field-default label em, #modify-details .rc-select-container-single .rc-select-single span {
    color: #000;
}
#profile_detail .infopop {
    margin: 0 0 0 -7px;
}
#profile_detail .infopop .icon.close {
    right: 5px;
    top: 5px;
}

/*=== Modify Description (More about me) === */

#description .emptyMessage {
    display: none;
}

#description.noDescription .emptyMessage {
    display: block;
}

#description.noDescription .detailer {
    display: none;
}

#myDescription .viewLess {
    display: block;
    margin-top: 10px;
}

#myDescription .hideViewMoreLess {
    display: none;
}

#countWords {
    display: block;
}

/* Modify Section */
#modify-description {
    margin: 0 0 20px 0;
    padding: 0;
}

#colorbox #modify-description {
    margin: 0;
    padding: 30px 20px 20px;
}

#modify-description label {
   color:#424242;
   font-weight: 700;
}

#modify-description textarea {
    height: 170px;
    margin: 10px 0 0;
    padding: 15px;
    width: 100%;
}

#modify-description textarea.error {
    border: 2px solid #f24138;
}
#modify-description #modify-alert {
    display: none;
}

#modify-description .btn-white {
    margin-right: 20px;
}

#charNum {
    text-align: right;
}

#modify-description .text-center {
    margin: 20px 0;
}

#modify-description.lightbox {
    margin: 0;
    padding: 20px 20px 0 20px;
}

#description-saved.modal {
    padding: 30px 15px 0;
}



/*=== Bloc Musique === */

.artistImgContainer {
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    display: block;
    height: 100px;
    overflow: hidden;
    text-align: center;
    width: 100px;
}

#formPassChange #unused-password {
    border: 0;
    color:#545454;
    margin:0 0 0 4px;
}

.hideNoMusicMessage {
    display: none !important;
}


/*=== Modify Music === */

#modify-music {
    display: none;
    margin: 0 0 20px 0;
}

#modify-music .errorMessage {
    color: #F05456;
    display: block;
    margin-top: 5px;
}

#modify-music .artistsSelected {
    margin: 15px 0 0;
    padding: 0;
}

#modify-music label {
    color: #424242;
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0 5px;
}

#modify-music .ui-autocomplete.ui-widget-content {
    position: relative;
}

.searchContainer {
    position: relative;
}

input.searchTextbox {
    padding: 8px 35px 8px 10px;
    width: 100%;
}

.searchIcon {
    fill: #424242;
    height: 23px;
    margin-top: -11.5px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 22px;
}

.closeSearchIcon {
    cursor: pointer;
    display: none;
    fill: #424242;
    height: 18px;
    margin-top: -9px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 18px;
}

#modify-music .rc-btn {
    margin-top: 20px;
}

#modify-music .btn-white {
    margin-right: 20px;
}

#modify-music .addArtistLink {
    border: none;
    display: block;
    padding: 20px 10px;
    position: relative;
}

#modify-music .ui-autocomplete .ui-menu-item {
    padding: 0;
}

.artistSearchImgContainer {
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    display: inline-block;
    height: 50px;
    margin-right: 2.5%;
    overflow: hidden;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 12%;
}

.ui-widget-content .ui-state-disabled.artistNoResults {
    opacity: 1;
    filter: Alpha(Opacity=100);
}

.addArtistLink p,
.artistNoResults p {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    width: 85%;
}

.musicAjaxLoader {    
    left: 50%;
    margin-left: -16px;
    position: absolute;
    z-index: 1;
}

.musicOverlay {
    background-color: rgba(255, 255, 255, 0.6);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}


/*=== MasterSliderS === */

#masterSliderMusicContainer.full .ms-layout-partialview .ms-container {
    margin: 0 30px;
    position: static;
}

#masterSliderMusicContainer .ms-layout-partialview .ms-view {
    margin: 0;
}

#masterSliderMusicContainer.full .ms-layout-partialview .ms-view {
    margin: 0 auto;
}

#masterSliderMusic .ms-inner-controls-cont {
    max-width: none !important;
    position: static;
}

#masterSliderMusic .ms-nav-next,
#masterSliderMusic .ms-nav-prev  {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/bundles/applicationrc/js/vendor/masterslider/style/arrows.png) white no-repeat -13px -58px;
    cursor: pointer;
    height: 40px;
    margin-top: -30px;
    position: absolute;
    top:50%;
    width: 21px;
}

#masterSliderMusic .ms-nav-next {
    background-position: -13px -8px;
    right: 0;
}

#masterSliderMusic .ms-nav-prev {
    left: 0;
}

#masterSliderMusic .musicLink {
    display: block;
    position: relative;
    width: 102px;
}

#masterSliderMusic .musicLink p {
    color: #393737;
    font-size: 15px;
    overflow: hidden;
    padding-top: 5px;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.edit-mode #masterSliderMusic .musicLink p {
    padding-right: 25px;
}

#masterSliderMusic .close-btn {
    border: 1px solid #000;
    border-radius: 50%;
    bottom: 50%;
    cursor: pointer;
    display: none;
    height: 20px;
    margin-bottom: -10px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 20px;
}

.edit-mode #masterSliderMusic .musicLink .close-btn {
    display: inline-block;
}

#masterSliderMusic .close-btn svg {
    display: inline-block;
    height: 10px;
    margin-top: -5px;
    position: relative;
    top: 50%;
    vertical-align: top;
    width: 10px;
}


/* === Verifications === */

.verifications svg {
    height: 98px;
    overflow: hidden; /* Fixes IE11 bug */
    width: 106px;
}

/*verifications.notMine .emailValidation, .verifications.notMine .fbValidation {
    padding: 0 20px 0 0;
    width: auto;
}*/

.unlogged .verifications svg {
    margin: 0 20px 0 0;
}

.validateProfileBtn {
    display: block;
}

.emailValidation, .fbValidation {
    text-align: center;
}

/*=== Vous intrigue Section === */

#profil_btn_écrireMessage {
    margin-top: 15px;
}

/*=== Preference form === */

#preferences-form input[type="checkbox"] {
    margin: 1px 5px 0 0;
    vertical-align: top;
}

#preferences-form div.checkbox {
    margin: 0;
}

#preferences-form .regions div.checkbox {
    display: inline-block;
    width: 46%;
}

#preferences-form div.checkbox label {
    font-weight: 400;
}

#preferences-form #pref-age-block input[type="text"] {
    display: inline-block;
    width: 40px;
}

#preferences-form #pref-age-block span {
    padding: 0 10px;
}

#preferences-form #pref-age-block span.first {
    padding: 0 10px 0 0;
}

#preferences-form div.section {
    background: url(data:image/gif;base64,R0lGODlhAwABAIABAJ2eo////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBSaWdodHM9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9yaWdodHMvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wUmlnaHRzOk1hcmtlZD0iRmFsc2UiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDozMjQzNTcwMUZBRDYxMURGODg4MUU3MUI2OUExNTdBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NTU2N0RBQ0EwM0ExMUUxQkFGMTlDRDBBN0VDRjgxMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NTU2N0RBQkEwM0ExMUUxQkFGMTlDRDBBN0VDRjgxMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1OEYxRUJCRjg5REUxMTE4REMzRUNDNjIxRTI2OTk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFCMkVGMTE3MzRCNjExRTFCRTgwQjlDOEI0NkJCNDEwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAMAAQAAAgJEUgA7) transparent repeat-x bottom left;
    margin-bottom: 20px;
    padding: 0 0 20px;
    position: relative;
}

#preferences-form .pref-subtitle, .selection-subtitle {
    color: #333;
    font-size: 20px;
    padding: 0 0 10px;
}


/*=== Account Settings === */

#profile_account_settings h2 {
    margin: 15px 0 20px;
}

#profile_account_settings .account-settings-content.abonnement ul li span {
    color:#424242;
    font-weight: bold;
}

#profile_account_settings .expired a.btn-blue {
    margin: 10px 0 0 65px;
}

#abonnement-info-paiment {
    padding-top: 10px;
}

.account-settings-content {
    padding: 0 0 20px;
}

.account-settings-content p.note {
    padding-bottom: 10px;
}

.account-settings-content p.note span {
    font-weight: bold;
}

.account-settings-content ul li:first-child {
    padding: 0 0 10px;
}

.account-settings-content ul li {
    display: inline-block;
    margin: 0;
    padding: 10px 0;
    position: relative;
    width: 100%;
}

.account-settings-content ul li:first-child .rc-btn, .account-settings-content .btn-white, a#token_link {
    float: right;
    margin: 10px 0 0;
}

.account-settings-content .btn-white.idDataLink {
    margin: 0;
}

.account-settings-content ul li span,
 {
    display:inline-block;
    line-height: 29px;
    vertical-align: top;
}

.account-settings-content ul li span.label, .account-settings-content span.label {
    display: inline-block;
    font-weight: bold;
    line-height: 29px;
    vertical-align: top;
    width: auto;
}

.account-settings-content span.token {
    line-height: 29px;
}

.account-settings-content .expired .btn-red {
    float: right;
}

.account-settings-content .expired p {
    margin: 0 0 10px 0;
}

.account-settings-content.cc ul li {
   padding: 0;
}

#profile_account_settings .modal .btn-blue {
    padding: 6px 20px;
}

/* Modal Cancel Subscription */

#profile_account_settings .modal#cancel-subcription h3 {
    font-size: 21px;
}

#profile_account_settings .modal#cancel-subcription #form-remove-contract input[type="checkbox"] {
    vertical-align: top;
}

#profile_account_settings .modal#cancel-subcription #form-remove-contract label {
    display: inline-block;
    width: 250px;
}
#profile_account_settings .modal#cancel-subcription .btn-blue {
    display: block;
    margin: 20px 0;
    width: 100%;
    white-space: normal;
}
#profile_account_settings .modal#cancel-subcription .btn-white {
    display: block;
    margin: 0 0 20px;
    width: 100%;
}

.device_default#profile_account_settings .popover .close {
    display: none;
}

#profile_parameter .tabs ul li a, #profile_account .tabs ul li a, #profile_account_settings .tabs ul li a {
    /*font-size: 14px;
    line-height: 30px;
    padding: 6px 7px;*/
    font-size: 15px;
    line-height: 1.6em;
    padding: 4px 4px;
}

#profile_account_settings .popover.bottom.top-right .arrow {
    left: 100%;
    margin-left: -60px;
}

.account-settings-content .popover.bottom, .account-settings-content .popover.bottom {
    left: auto;
    margin: 0;
    right: 60px;
    top: 112px;
}

.nextPaymentInfo {
    border: 3px solid #00adee;
    border-radius: 100%;
    color: #00adee;
    cursor: pointer;
    float: right;
    height: 30px;
    margin-right: 5px;
    position: relative;
    vertical-align: bottom;
    width: 30px;
}

.svg-icon.questionmark {
    display: block;
    fill: #00adee;
    height: auto;
    left: 50%;
    max-height: 70%;
    max-width: 70%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.account-settings-content ul {
    margin: 0 0 20px 0;
}


.account-settings-content ul li span.label.long-string {
    width: 215px;
}


.account-settings-content.cc ul:first-child li span.label {
    font-weight: normal;
    width: auto;
}


.account-settings-content.cc span.delete-card,
.account-settings-content.cc span.modify-card {
    display: none;
}
.account-settings-content.cc span.modify-card-mobile,
.account-settings-content.cc span.delete-card-mobile {
    display: inline-block;
    float: right;
    font-weight: bold;
    margin: 0 0 0 10px;
}


.account-settings-content.jeton div {
    display: inline-block;
    font-weight: bold;
    vertical-align: top;
    width: 32%;
}

.account-settings-content.jeton div.label {
    white-space: nowrap;
}

.account-settings-content.jeton div.token {
    text-align: center;
}

.account-settings-content.jeton div.token span {
    background: transparent url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/sprite/abonnement.png) no-repeat 0 0;
    display: inline-block;
    height: 13px;
    margin: 0px 0 -2px 4px;
    width: 13px;
}

.account-settings-content.jeton div.buy {
    float: right;
}

.account-settings-content .expired-card {
    color: red;
    left: 50%;
    position: absolute;
}

.account-settings-content .popover {
    display: none;
}

.account-settings-content .popover-inner {
    float: right;
    padding: 5px 3px 5px 5px;
    width: 240px;
}

/*=== Expired Card === */

#delete-card .credit-card-info .expired-card{
    color: red;
    left: 2px;
    position: relative;
}

div.error-message {
    border: 2px solid red;
    background: none;
    min-height: 70px;
    padding: 20px 20px 20px 60px;
}

div.expired.card span.rc-btn-picto:hover,
div.expired.card span.rc-btn-picto {
    background-image: none;
    border: 0 !important;
    box-shadow: none;
    cursor: default;    
    padding: 0;
}

div.error-message > span,
div.expired > span {
  display: inline-block;
  left: 20px;
  position: absolute;
  top: 19px;
}

div.expired.card > span {
    left: 17px;
    top: 16px;
}

div.expired.card .rc-btn-picto-delete:hover span:before,
div.expired.card .rc-btn-picto-delete span:before {
    box-shadow: none;
    color:red !important;
    cursor: default;
    font-size: 26px;
    top: -1px;
}

div.error-message p {
  line-height: 1.2em;
  margin: 0;
  padding: 0;
}

div.error-message span span,
div.expired span span {
  color: #ff9900;
  font-size: 30px;
  line-height: 30px;
}

form#delete-card fieldset {
    text-align: center;
    margin: 10px 0;
}

form#delete-card ul {
    background: #dfe5eb;
    margin: 0 0 10px 0;    
    padding: 17px 0 10px 17px;
}

form#delete-card span.val,
form#delete-card span.label {
    display:inline-block;
    vertical-align: top;
    width: 190px;
}

form#delete-card span.val {
    width: auto;
}

.popover.bottom.top-right .arrow {
    margin-left: -77px;
}


/*=== Modal moneris  === */

#moneris.modal iframe {
    height: 518px;
    overflow: auto;
    width: 320px;
}

#moneris div.modal-body {
    height: 538px;
    max-height: 538px;
    margin: 0;
    padding: 15px 0 0 0;
}

#moneris-iframe body {
    width: 100%;
}

/* === Chat === */

#profile_detail #main-container {
}

#profile_detail #content #media {
    display: block;
    margin: 0 0 0 -10px;
    position: absolute;
    text-align: center;
    top: -22px;
    width: 100%;
    z-index: 1;
}

#profile_detail #content #media a {
    display: inline-block;
    height: 47px;
    position: relative;
    text-indent: 0;
    vertical-align: top;
    width: 67px;
}

a.rc-chat span, a.rc-favorite span {
    background: #fff;
    border-radius: 50%; 
    display: inline-block;
    height: 47px;
    vertical-align: top;
    width: 47px;
}

a.rc-favorite span, a.rc-chat span {
    margin: 0 10px;
    z-index: 1;
}

a.rc-chat span:hover {
    background: #2bbbb3;
}

a.rc-favorite span em {
    margin-left: -1000px;
}

a.rc-chat span .svg-icon {
    display: block;
    fill: #2cbcb3;
    height: 27px;
    left: 50%;
    margin: -13.5px 0 0 -15px;
    position: absolute;
    top: 50%;
    width: 30px;
}

.device_default a.rc-chat span:hover .svg-icon {
    fill: #FFFFFF;
}

/* === Add to favorites === */

a.rc-favorite {
    text-indent: -5000px;
}

a.rc-favorite.selected span {
    background: #f75054;
}

.device_default a.rc-favorite span:hover {
    background: #f75054;
}

a.rc-favorite span .svg-icon {
    display: block;
    height: 26px;
    left: 50%;
    margin: -13px 0 0 -14.5px;
    position: absolute;
    top: 50%;
    width: 29px;
}

a.rc-favorite span .svg-icon {
    fill: #ee433a;
}

a.rc-favorite.selected span .svg-icon,
.device_default a.rc-favorite span:hover .svg-icon {
    fill: #FFFFFF;
}

a.rc-favorite span .svg-icon.heart-plus-icon,
a.rc-favorite.selected span .svg-icon.heart-icon,
.device_default a.rc-favorite span:hover .svg-icon.heart-icon {
    display: block;
}

a.rc-favorite.selected span .svg-icon.heart-plus-icon,
.device_default a.rc-favorite span:hover .svg-icon.heart-plus-icon,
a.rc-favorite span .svg-icon.heart-icon {
    display: none;
}


/*=== Envie de Jaser === */

.highlight {
    margin: 40px 0 0;
}

.highlight p {
    font-size: 16px;
}

.highlight .btn-blue {
    margin: 0 20px 0 0;
}

/************************************************************************/
/* Jetons                                                               */
/************************************************************************/

#incent {
    background-color: #dfe5eb;
    margin: 10px 0 20px;
    padding: 10px 15px;
}

#incent h2 {
    font-size: 18px;
    margin: 0 0 10px;
}

#incent .check {
    background: #fff;
    padding: 15px 10px;
}

.check label {
    display: inline-block;
    font-weight: 400;
    padding-bottom: 0;
    vertical-align: top;
}

.jetonBg {
    fill: #00adee;
    height: 52px;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 52px;
}

.balance {
    text-align: right;
    margin: 5px 0 0;
    padding: 0;
}

#incent .popover {
    left: -20px;
    top: -1000px;
    width: 100%;
}

#incent .popover.slideDown {
    display: block;
    top: -150px;
    -moz-animation: bounceInDown .4s 3.5s ease both;
    -ms-animation: bounceInDown .4s 3.5s ease both;
    -o-animation: bounceInDown .4s 3.5s ease both;
    -webkit-animation: bounceInDown .4s 3.5s ease both;
    animation: bounceInDown .4s 3.5s ease both;
}

#incent .popover-title {
    padding-top: 10px;
}

#incent .popover-title, #incent .popover-content p {
    text-align: center;
}

#incent .rc-btn.pop {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 0 auto;
    max-width: 200px;
    width: 100%;
}

/************************************************************************/
/* Avantages jetons                                                     */
/************************************************************************/

div.avantages {
    margin: 0 0 20px;
}

.avantages li {
    display: inline-block;
    font-size: 16px;
    line-height: 1.3em;
    margin: 10px 20px 10px 0;
    margin: 0 30px 40px 0;
    padding: 3px 0 0 50px;
    position: relative;
    vertical-align: top;
}

.unregister ul.error {
    display: inline-block;
    width: 100%;
}
.unregister ul.error li.notice.error {
    margin: 0;
}

.docs-toggles {
    display: inline-block;
    vertical-align: middle;
}

.btn-group {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
}

.docs-toggles .btn-group {
    margin-right: 0;
}

.docs-toggles label {
    display: inline-block;
    font-weight: 600;
    margin: 0;
    vertical-align: middle;
}

.docs-toggles label svg {
    display: inline-block;
    fill: #1dadea;
    height: 13px;
    margin: 0 3px 0 0;
    width: 13px;
}

.docs-toggles label:hover svg,
.docs-toggles label input[type='radio']:checked + span svg {
    fill: #167dc1;
}

.docs-toggles label span {
    border: 1.5px solid #1dadea;
    border-radius: 150px;
    color: #1dadea;
    cursor: pointer;
    display: inline-block;
    height: 28px;
    line-height: 26px;
    margin: 10px 4px;
    text-align: center;
    vertical-align: middle;
    width: 68px;
}

.docs-toggles label:hover span,
.docs-toggles label input[type='radio']:checked + span {
    border: 1.5px solid #167dc1;
    color: #167dc1;
}

.btn-group, .form-control {
  margin-right: 5px;
  margin-bottom: 15px;
}

.btn-group > .btn {
    position: relative;
    float: left;
}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
    margin-left: -1px;
}

.btn-group button {
    padding: 0;
}

.docs-tooltip {
    display: block;
    padding: 10px;
}

#avatar-buttons .svg-icon {
    display: block;
    fill: #00adee;
}

#avatar-buttons .svg-icon:hover {
    fill: #067cc4;
}

#avatar-buttons .svg-icon.zoomin {
    height: 28px;
    width: 28px;
}

#avatar-buttons .svg-icon.zoomout {
    height: 28px;
    width: 28px;
}

#avatar-buttons .svg-icon.rotateLeft {
    height: 28px;
    width: 24px;
}

#avatar-buttons .svg-icon.rotateRight {
    height: 28px;
    width: 24px;
}

#avatar-buttons .svg-icon.refresh {
    height: 24px;
    width: 28px;
}

#avatar-buttons .svg-icon.trash {
    height: 24px;
    width: 23px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/*div#bigbox {
    margin-left: -5px;
    text-align: center;
    width: 100%;
}*/

/* Section album et photos */
    
.albumWrapper.mobileOnly {
    display: block;
}

.albumWrapper {
    clear: both;
    float: left;
    margin: 20px 0 0;
    width: 100%;
}

section.widget.album {
    margin: 0 0 10px;
    max-width: 285px;
}

section.widget.album ul li {
    float: left;
    margin: 0 5px 0 0;
}

section.widget.album ul li.last {
    margin: 0;
}

section.widget.album .locked p {
    margin-bottom: 10px;
}

section.widget.album {
    position: relative;
}

section.widget.album a.rc-btn-picto-pen {
    position: absolute;
    right: 0;
}

/* Page : Mes préférences */
    
#preferences-form div.form.section {
    background: none;
    padding-bottom: 0;
}

#preferences-form input[type="checkbox"] {
    margin: 2px 0 0;
}

#profile_detail #aside section.album {
    display: none;
}

#profile_account #aside section.album > div.expended ul li, #profile_parameter #aside section.album > div.expended ul li, 
#profile_detail #aside section.album > div.expended ul li, #profile_detail section.widget.album ul li {
    margin: 0 7px 7px 0;
}

#profile_account #aside section.album > div.expended ul li.last, #profile_parameter #aside section.album > div.expended ul li.last, 
#profile_detail #aside section.album > div.expended ul li.last, #profile_detail section.widget.album ul li.last {
    margin: 0 0 5px;
}

#profile_account #content > div.details div.section > div ul li.passion-item em, #profile_account #content > div.details > div > div ul li.passion-item em, #profile_parameter #content > div.details div.section > div ul li.passion-item em, #profile_parameter #content > div.details > div > div ul li.passion-item em, #profile_detail #content > div.details div.section > div ul li.passion-item em, #profile_detail #content > div.details > div > div ul li.passion-item em {
    margin-top: 0;
    top: 15px;
}

#profile_account header .media, #profile_parameter header .media, #profile_detail header .media {
    margin-top: 10px;
}

#profile_account #aside section.album > div.expended ul li, #profile_parameter #aside section.album > div.expended ul li, #profile_detail #aside section.album > div.expended ul li {
    margin: 0 10px 10px 0;
}

#profile_account #aside section.album > div ul li.last, #profile_parameter #aside section.album > div ul li.last, #profile_detail #aside section.album > div ul li.last, #profile_account #aside section.album > div.expended ul li.last, #profile_parameter #aside section.album > div.expended ul li.last, #profile_detail #aside section.album > div.expended ul li.last, #profile_account #aside section.gift ul li.last, #profile_parameter #aside section.gift ul li.last {
   margin-right: 10px; 
}

#profile_detail #content > div.details {
    padding-bottom: 0;
}

.padd #profil-block {
    padding: 10px 0 20px;
}

.rc-picto span:before {
    font-size: 25px;
    font-size: 25px;
}
#profile_account_settings #moneris.modal {
    height: auto;
    margin:0;
    left: 0;
    top: 0;
    width: 100%;
}

/* ================================================== */
/*                     Activity                       */
/* ================================================== */

.activity .header {
    height: auto;
}

.activity .header .rc-form-field {
    margin: 20px 0;
}

/* Font */

#activity-list h4 {
    background-color: #eff4f8;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 15px 0;
    padding: 10px 0;
    text-align: center;
}
#activity-list .attendees-price p {
    line-height: 1em;
    padding: 5px;
}

#activity_detail h1, .activity-content h1, #activity_userList h1 {
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 50px;
}

#activity_detail h2, .activity-content h2, #activity_userList h2 {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -0.75px;
    margin: 20px 0;
}

.no-result-pic p {
    color:#fff;
    font-size: 36px;
    font-weight: 300;
    left: 50%;
    line-height: 36px;
    margin: -72px 0 0 -125px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 250px;
}

#activity-list .activity a, #activity_detail .detail a, #activity_detail .description a {
    color: #000;
    display: inline;
    font-weight: 700;
}

#activity_detail .description a.btn-white {
    display: inline-block;
    font-weight: 400;
}

#activity_detail .description a.condition {
    color: #000;
}

#activity_detail .description a.rc-select-single {
    margin: 0;
    width: 100%;
    display: block;
}

#activity-list .tabs {
    margin: 30px 0 0;
}

#my-activities.content-tab {
    margin-top: 30px;
}
#my-activities.content-tab .rc-btn.btn-white.disabled {
    display: none;
}
#my-activities.content-tab .rc-btn.btn-white {
    display: inline-block;
    margin: 10px auto 0;
    padding: 4px 20px; 
    width: inherit;
}
#my-activities.content-tab .no-result .rc-btn.btn-white {
    width: 250px;
}
#activity-list .header {
    height:auto;
    padding: 0;
    width: 100%;
}

#activity-list .header .btn-white {
    padding: 4px 20px;
    top: 10px;
}

/* Form */

#search-activity {
    padding: 20px 0;
}

#search-activity #reset-filters {
    color: #000;
    float: right;
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
}

#activity_list .content-tab .filter-activity {
    display: block;
    margin: 0 5px 15px 0;
    width: 100%;
}

#search-activity input {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

#search-activity .search {
    color: #FFF;
    float: left;
    font-size: .9em;
    height: 25px;
    margin-left: 1px;
}

#search-activity .search:hover {
    height: 25px;
}

/* No activity */

.msg-no-result h3 {
    color:#fff;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    letter-spacing: -0.1px;
    margin: 0 auto;
    padding: 45px 0 0;
    position: relative;
    text-align: center;
    width: 280px;
}

.no-result-pic {
    background: #4f39ac;
    border-radius: 50%;
    height: 280px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 280px;
}

.no-result-pic .svg-icon {
    bottom: 10%;
    display: block;
    fill: #6156C6;
    height: auto;
    left: auto;
    max-height: 70%;
    max-width: 70%;
    position: absolute;
    right: 10%;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}

/* Activity List */

.rc-result-list.activities {
    margin: 0 0 30px 0;
}

.rc-result-list.activities li {
    cursor: pointer;
    overflow: visible;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
}

#activity-list .activity img {
    height: 60px;
    width: 60px;
}

.activity .activity-description {
    position: relative;
    height: 100%;
    margin: 0 0 0 70px;
    padding-bottom: 30px;
}

.activity .activity-description p {
    padding: 5px 0;
}

.activity .activity-description p.confirm {
    line-height: 1em;
}

#activity-list .activity-description a.activity-name,.activity-description span.activity-name {
    color: #000;
    font-size: 22px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}

#activity-list .owner {
    color: #000;
    font-weight: 300;
    margin: 0 0 10px;
}

#activity-list .owner a, #activity-list .owner span {
    color: #000;
    font-weight: 700;
}

.attendees-price {
    bottom: -10px;
    border-top: 1px solid #ccc;
    float: right;
    margin: 0;
    position: absolute;
    right: 0;
}

.attendees-price p {
    border-left: 1px solid #ccc;
    display: inline-block;
    float: left;
    padding: 4px 10px;
}

span.publish-date {
    display: block;
    font-size: 14px;
    margin: 0 0 30px;
}

.activityListImgRc {
    position: relative;
}
#activity_list .activity img.activityByRc {
    height:25px;
    left: 5px;
    position:absolute;
    top: 5px;
    width: 25px;
}

/* Liste */

.confirm .icon-container,
.confirm.icon-container {
    display: inline-block;
    height: 16px;
    margin: 0 5px 2px 0;
    vertical-align: middle;
    width: 16px;
}

.confirm.maybe .icon-container,
.confirm.maybe.icon-container {
    border: 2px solid #7575e0;
    border-radius: 100%;
    position: relative;
}

.confirm.maybe .svg-icon {
    fill: #7575e0;
}

.confirm.no .icon-container, .confirm.confirm0 .icon-container,
.confirm.no.icon-container, .confirm.confirm0.icon-container {
    border-width: 2px;
}

/*=== Activity detail  === */

#activity-detail .header, #activity-detail .header img {
    vertical-align: top;
    width: 100%;
}
.activityImgContainer {
    margin-top:20px;
   height: 100%;
   overflow: hidden;
    position: relative;
}
.completeIcon, .canceledIcon {
    background-color: rgba(0,0,0,0.45);
    height:100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#activity-detail .header .completeIcon img, #activity-detail .header .canceledIcon img {
    display: block;
    margin: 15px auto 5px;
    width: 50px;
}
#activity-detail .header .completeIcon p, #activity-detail .header .canceledIcon p {
    color:  white;
    font: 300 18px 'Source Sans Pro', sans-serif;
    letter-spacing: -0.45px;
    text-align: center;
}
#activity_detail #content .header {
    padding: 0;
}

#activity_detail .date {
    border-top: 1px solid #ccc;
    font-size: 14px;
    margin: 10px 0;
    padding: 10px;
}

.date p {
    display: block;
}

.date p .svg-icon {
    fill: #424242;
    height: 20px;
    vertical-align: bottom;
    width: 20px;
    
}
.date p:first-child .svg-icon, .date p.age .svg-icon {
    margin: 0 5px 0 0;
}

.date p.location .svg-icon {
    fill: #231f20;
}
.date p.age .svg-icon {
    fill: #464646;
}

#activity_detail ul.actions {
    margin: 10px 0;
}

#activity_detail ul.actions li {
    display: inline-block;
    margin: 0 10px 10px 0;
}

#activity_detail ul.actions li a {
    margin: 0;
}

#activity_detail .description a.btn-blue {
    color: white;
}

/* Detail */

#activity_detail .detail {
    padding: 0 0 40px 0;
}

.activity .detail ul li {
    clear: both;
    font-weight: 400;
    height: auto;
    margin-bottom: 10px;
}

.activity .detail ul li span {
    display: block;
    font-weight: 700;
    width: 100%;
}

.activity .detail ul li span.price {
    font-weight: normal;
}

/* Description */

#activity_detail .description {
    padding: 0 0 20px 0;
}

#activity_detail .description .rc-form-field {
    display: block;
    margin:10px 0 0;
}

/* User List */

#filter-users-container {
    margin-bottom: 20px;
}

#activity_detail .user-list,
#activity_userList .user-list {
    display: block;
    height: auto;
    padding: 0 0 10px 0;
}

#activity_detail .user-list ul,
#activity_userList .user-list ul {
    display: block;
    height: 100%;
}

#activity_detail .user-list ul li,
#activity_userList .user-list ul li {
    display: inline-block;
    float: left;
    margin: 0 10px 10px 0;
}

#activity_detail .user-list ul li a,
#activity_userList .user-list ul li a {
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
}

#activity_detail .user-list img,
#activity_userList .user-list img {
    border-radius: 50%;
    height: 90px;
    width: 90px;
    
}

/* Validation */

.rc-result-list .validation-status {
    font-size: 14px;
    margin: 10px 0 0;
}

.rc-result-list .refused, .rc-result-list .toBeValidated {
    display: inline-block;
    margin: 0 0 30px 14px;
    position: relative;
}

.rc-result-list .refused .ico, .rc-result-list .toBeValidated .ico {
    clear: none;
    content: " ";
    display: block;
    height: 8px;
    left: -13px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 8px;
}

.rc-result-list .refused .ico {
    background: red;
}

.rc-result-list .toBeValidated .ico {
    background: #fc0;
}

.activity .detail ul li span.label {
    width: 40%;
}

#activity-detail .addthis_toolbox {
    margin-bottom: .7em;
    margin-top: 1em;
}

#activity-detail .cost p {
    clear: both;
    overflow: hidden;
    margin: 0 0 1em;
}

#activity-detail a.cost-detail {
    display: inline;
    font-size: 14px;
    margin: 0 0 0 1.2em;
    vertical-align: baseline;
    zoom: 1;
}

#activity-detail .dropdownlist {
    -moz-border-radius: 4px /;
    -moz-box-shadow: rgba(0,0,0,0.6) 1px 1px 5px;
    -webkit-border-radius: 4px 4px;
    -webkit-box-shadow: rgba(0,0,0,0.6) 1px 1px 5px;
    background: #fff;
    border: #aaa solid 1px;
    border-radius: 4px / 4px;
    box-shadow: rgba(0,0,0,0.6) 1px 1px 5px;
    display: none;
    font-size: .9em;
    list-style: none;
    max-height: 123px;
    overflow: auto;
    position: absolute;
    width: 86px;
    z-index: 0;
    padding: .1em 0;
}

#activity-detail .dropdownlist li {
    color: #333;
    display: block;
    font-size: 11px;
    margin: 0;
    padding: .3em .5em;
}

#activity-detail .dropdownlist li p {
    margin: 0;
    padding: 0;
}

#activity-detail .dropdownlist li:hover, #activity-detail .dropdownlist li:hover a {
    background-color: #06C;
    color: #fff;
}

.rc-result-list.activities li div.activity .cancelled {
    color: #f24138;
    font-size: 16px;
}

.rc-result-list.activities li div.activity.disabled {
    cursor: default;
}

#activity-register .legend a, #activity-detail .legend a, .activity-content .legend a {
    text-decoration: none;
}








.filter-activity#host-dropdown, .filter-activity #host {
    width: 130px;
}

.filter-activity#status-dropdown, .filter-activity #status {
    width: 116px;
}

.filter-activity#region-dropdown, .filter-activity #region {
    width: 180px;
}

.safari .filter-activity#region-dropdown, .safari .filter-activity #region {
    width: 165px;
}

.filter-activity #region-dropdownlist {
    min-width: 162px;
    width: auto;
}

.legacy .filter-activity #region {
    width: 160px;
}

.legacy .filter-activity select {
    font-size: 11px;
}

#partenaires ul li {
    clear: both;
    display: block;
    height: auto;
    margin-bottom: 10px;
    overflow: hidden;
}

#partenaires img {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/partner/default_secondary.gif) 0 0 repeat;
}

#partenaires a.img {
    border: 1px solid #e1e1e1;
    display: table-cell;
    float: left;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
}

#partenaires a.img img {
    vertical-align: middle;
    margin: 0;
}

#partenaires ul.primary a.img {
    height: 110px;
    width: 110px;
}

#partenaires ul.primary a.img img {
    width: 110px;
}

#partenaires ul.secondary a.img {
    height: 52px;
    width: 52px;
}

#partenaires ul.secondary a.img img {
    width: 52px;
}

form#activityRegister div.input-text {
    display: inline-block;
    margin: 10px;
}

form#activityRegister div.input-text label {
    display: inline;
    vertical-align: auto;
    width: 35%;
    zoom: 1;
}

form#activityRegister div.input-text input {
    display: inline;
    vertical-align: auto;
    width: 65%;
    zoom: 1;
}

form#activityRegister div.input-text input.smallInt {
    display: inline;
    vertical-align: auto;
    width: 45px;
    zoom: 1;
}

form#activityRegister p, form#activityRegister ul li {
    margin: .75em 0;
}

form#activityRegister .notice p {
    margin: 0;
}

#UserList.modal .modal-header .filter, .legacy form#activityMessage label, .filter-message label, .filter-message input, .filter-message #activity_filter_filter_checkbox {
    display: inline;
    vertical-align: auto;
    zoom: 1;
}

#UserList.modal .modal-header #filter-users_dropdown, .legacy .filter-activity #status {
    width: 120px;
}

#activity-register #endAt-group select, #activity-detail #endAt-group select, .activity-content #endAt-group select, #activity-register #startAt-group select, #activity-detail #startAt-group select, .activity-content #startAt-group select {
    width: 60px;
    padding: 0;
}

#search-activity .slideDown, .activity span.label {
    display: inline;
    font-weight: 700;
}

.legacy .filter-activity, .legacy .filter-activity.last {
    margin-right: 0;
}

form#activityRegister ul li.notice, .legacy form div.message div:first-child {
    margin-top: 0;
}

.legacy form div.message, .legacy .filter-message #activity_filter_filter_checkbox {
    margin: 0;
}

#my-activities.content-tab li .validation-status .edit, #my-activities.content-tab article .validation-status .edit, #UserList.modal .modal-header .messageToParticipant {
    float: right;
}
.at-share-tbx-element .at-share-btn {
    margin: 0 10px 0 0;
}

#activity-detail .rc-select-container {
    width: 135px ;
}

#host_rc-select.rc-select-container, #region_rc-select.rc-select-container, #status_rc-select.rc-select-container {
    width: 100% !important;
}

#activity-list #status_rc-select.rc-select-container {
    width: 165px;
}

#activity-detail .cost {
    margin: 20px 0 0;
}

#activity-detail .cost h2 {
    margin-top: 40px;
    padding-top: 20px;
}

#activity-detail .cost ul li:last-child {
    margin: 0;
}

#activity_detail .popover {
    left: 50%;
    width: auto;
}

/*.popover.top.top-center .arrow {
    display: none;
}*/

body#activity_detail #aside .inner {
    height: auto !important;
}

.rc-result-list .activity .info .subscription {
    margin: 0 0 5px;
}

.modal.activity_response {
    margin-left: -160px;
}


/* HDPI to XXHDPI */
@media 
all and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.9), 
all and (min-resolution: 1.5dppx) and (max-resolution: 1.9dppx),
all and (min-resolution: 144dpi)  and (max-resolution: 182.4dpi) {

    /* Applied on some iOS and Android with higher resolution */
    #activity-list h4 {
        padding: 0;
    }  
}


/* ================================================== */
/*                 Activity Create                    */
/* ================================================== */

.activity-content form textarea,
.activity-content .form textarea, 
.activity-content .webkit form .nested textarea {
    width: 100%;
}

a.rc-btn-prev, div.back a {
    display: block;
    margin-bottom: 20px;
}

.activity-content .actions .btn-blue {
    margin-right: 10px;
}

.activity-content  label {
    padding: 0 5px 5px 0;
    vertical-align: top;
}

.activity-content .nested label {
    line-height: 36px;
}

.activity-content  label span, .activity-content h2 span {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
}

.activity-content .select, .activity-content textarea {
    margin: 0 0 15px 0;
}

.activity-content input.datepicker[type="text"] {
    border: 1px solid #ababab;
    border-radius: 0;
    height: 36px;
    width: 110px;
}

.activity-content a.rc-select-single {
    padding: 6px 8px 6px;
}

img.ui-datepicker-trigger {
    cursor: pointer;
    margin-left: -105px;
    padding: 5px 8px 5px 80px;
    position: relative;
    top: 8px;
}

.activity-content_form .ui-datepicker-trigger {
    margin: 0 0 0 -105px;
    top: 6px;
}

.activity-content .actions .btn-white {
    padding: 2px 20px;
}

#geoPostalCode {
    margin: 15px 0 0;
}

#geoPostalCode label, #geoPostalCode label {
    line-height: 36px;
    vertical-align: top;
}

#activity_update #geoPostalCode label, #geoPostalCode label {
    line-height: 20px;
}

.activity-content input [type="text"], .activity-content textarea  {
    display:block;
    border: 1px solid #ababab;
    border-radius: 0; 
    -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    width: 100%;
}

.activity-content textarea {
    padding: 5px;
}

#activity_update input.btn-blue {
    border: none;
    border-radius: 20px;
    display: inline-block;
    width: auto;
}

#activity_update .select {
    margin: 10px 0 0;
}


.activity-content input#activity_zip, .activity-content #activity_province_rc-select {
    border-radius:0;
    display: block;
}

.activity-content #activity_startAt_date, .activity-content #activity_endAt_date {
    display:inline-block;
    float: left;
    margin: 0 10px 0 0;
}

.activity-content .select-wrapper, #activity-update .select-wrapper {
    width: auto;
}

.activity-content #startAt-group .select-wrapper, .activity-content #endAt-group .select-wrapper {
    float: left;
}

.activity-content #startAt-group b, .activity-content #endAt-group b {
    display: inline-block;
    float: left;
    line-height: 36px;
    margin: 0 4px;
    right: 4px;
    top: 15px;
}

#geoPostalCode .select-wrapper, .activity-content .activity-type .select-wrapper, .activity-content .l-field .select-wrapper {
    display: block;
    width: 205px;
}

#activity_costDetail_block, #activity_includedInPrices_block, #activity_guestPerParticipant_block, #activity_targetAgeGroup_block, #activity_maxTotalParticipant_block {
    margin-top: 10px;
}

.activity-content input[type="number"] {
    -moz-appearance: textfield;
    height: 36px;    
}

form div.input-number input[type="text"] {
    width: 60px;
}

#activity_costMember_block label, #activity_targetAgeGroup_block label, #activity_maxTotalParticipant_block label {
    display: inline-block;
}

#activity_includedInPrices_block label {
    line-height: 1.4em;
    margin: 10px 0 5px;
}

.activity-content .access, .activity-content .costblock {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
}

.activity-content .access {
    margin: 20px 0;
}

.activity-content #startAt-group label, .activity-content #endAt-group label {
    clear: both;
    display: block;
}

.activity-content #endAt-group {
    clear: both;
    overflow: visible;
}

.legacy .activity-content #startAt-group .datepicker, .legacy .activity-content #endAt-group .datepicker {
    height: 19px;
    line-height: 19px;
}

.activity-content #startAt-group .dropdown, .activity-content #endAt-group .dropdown {
    min-width: 34px;
    width: auto;
}


.activity-content .dropdown > span,
.activity-content .dropdown ul.actions li, .activity-content .dropdown ul.action li {
    margin-right: 0;
}

.activity-content #activity_province_dropdown {
    width: 140px;
}

.activity-content #activity_province_dropdownlist {
    width: 162px;
}

.activity-content #activity_type_dropdown {
    width: 120px;
}

.activity-content #activity_dressCode_dropdown, {
    width: 176px;
}

.activity-content #activityImage div {
    margin-right: 0;
    padding: 10px 10px 0 3px;
}

.activity-content #activityImage div div {
    display: inline-block;
    margin: 0 0 1em 7px;
    padding: 0;
    text-align: center;
    width: 52px;
}

.activity-content #activityImage div div img {
    height: 52px;
    width: 52px;
}

.activity-content #activityImage div input, #activity-update #activityImage div input {
    margin: 4px 5px 0;
}

.activity-content #showEndAt, .activity-content #hideEndAt {
    clear: both;
    display: block;
    padding: 5px 0;
}

#activity_title, #activity_location, #activity_city, #activity_address {
    width: 100%;
}

.activity-content  #activity_type_rc-select, 
.activity-content #activity_dressCode_rc-select {
    min-width: 280px;
    width: 100%;
}

.activity-content #content-header {
    background: none;
    height: 50px;
}

.activity-content #activity_admissionMember_rc-select {
    min-width: 300px;
    width: 100%;
}

#activity_update #activity_costMember_block {
    margin: 10px 0;
}


/* Errors */

.activity-content .error input, 
.activity-content .error textarea {
    border: 2px solid #f24138;
}

.activity-content ul.error {
    color: #f24138;
    padding: 0;
}

.activity-content ul.error li {
    color: #f24138;
    line-height: inherit;
    padding: 5px 0;
}



/* ================================================== */
/*              Contest Subscription Form             */
/* ================================================== */

.contestSubscription {
    background-color: #1DADEA;
    margin: 20px 0;
    padding: 20px;
    width: 100%;
}
    
    .contestSubscription .slashline {
        background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/slash-line3.svg) repeat-x 0 center;
        height: auto;
        margin: 0 0 5px 0;
        min-height: auto;
    }

    .contestSubscription .star {
        background-color: #1DADEA;
        display: block;
        fill: #4f39ac;
        height: 26px;
        margin: 0 auto;
        width: 82px;
    }

    .contestSubscription form input[type="text"].error {
        border: 1px solid #f24138;
    }

    /* Not Registered */

    .contestSubscription h3 {
        color: #fff;
        font: 23px 'Source Sans Pro', sans-serif;
        padding: 10px 0;
        text-align: center;
    }

    .contestSubscription p {
        color: #fff;
        text-align: center;
    }

        .contestSubscription .participation span {
            font-size: 18px;
            font-weight: bold;
        }

        .contestSubscription .share {
            font-size: 18px;
            margin-top: 20px;
        }

    .contestSubscription form {
        margin-top: 10px;
    }
    .contestSubscription input[type="text"] {
        border: 1px solid transparent;
        width: 100%;
    }

    .contestSubscription .required {
        color: white;
        font: 14px 'Source Sans Pro', sans-serif;
        margin-top: 10px;
        text-align: left;
    }

    .contestSubscription .responsiveCheck {
        color: white;
        font: 400 14px 'Open Sans', sans-serif;
        margin: 5px 0 15px;
        padding-left: 25px;
        position: relative;
    }

        .contestSubscription .responsiveCheck .checkbox {
            left: 0;
            position: absolute;
            top: 3px;
        }

            .contestSubscription .responsiveCheck .checkbox:after {
                border-width: 2px;
            }

    .contestSubscription .submitContestBtn {
        -webkit-appearance: none;
        background-color: white;
        border: none;
        border-radius: 25px;
        color: #033333;
        cursor: pointer;
        display: block;
        font: 16px 'Source Sans Pro', sans-serif;
        line-height: 40px;
        margin: 0 auto;
        padding: 0 50px;
        transition: 0.5s background-color;
    }

    .contestSubscription .submitContestBtn:hover {
        background-color: #dfe5eb;
    }

    .contestSubscription .shareLink {
        background: white;
        border-radius: 25px;
        color: #1FADEA;
        height: 40px;
        overflow: hidden;
        padding: 0 50px 0 10px;
        position: relative;
    }

        .contestSubscription .shareLink a {
            color: #1FADEA;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .contestSubscription .shareLink a, 
        .contestSubscription .shareLink a span {
            color: #1FADEA;
            font-size: 15px;
            line-height: 40px;
            text-decoration: none;
        }

    .contestSubscription button {
        background-color: #1FADEA;
        border: none;
        border-radius: 100%;
        height: 30px;
        padding: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        transition: background-color 0.5s;
        width: 30px;
    }

     .contestSubscription button svg {
        fill: #fff;
        height: 16px;
        transition: transform 0.5s;
        width: 16px;
     }

     /* Input effect */
    
    .contestInput {
        background: white;
        margin: 0 0 15px;
        position: relative;
    }

        .contestInput.phoneNumber {
            margin-bottom: 5px;
        }

    .contestInput .effect {
        background: transparent;
        border: 0; 
        padding: 10px; 
        position: relative;
        width: 100%;
        z-index: 2;
    }
    
    .effect ~ .focus-bg {
        position: absolute; 
        left: 0; 
        top: 0; 
        width: 0; 
        height: 100%; 
        background-color: transparent; 
        transition: 0.4s; 
        z-index: -1;
    }
    
    .contestInput .effect:focus ~ .focus-bg, .contestInput .has-content.effect ~ .focus-bg {
        transition: 0.4s; 
        width: 100%; 
        background-color: #eff4f8;
        z-index: 1;
    }
    

    .contestInput .effect ~ label { 
        color: #ababab; 
        font-weight: 400;
        left: 10px; 
        line-height: 40px;
        letter-spacing: 0.5px;
        padding: 0;
        position: absolute; 
        top: 0; 
        transition: 0.3s; 
        width: 100%; 
    }
    

    .contestInput .effect:focus ~ label, .has-content.effect ~ label {
        color: white; 
        font-size: 12px; 
        line-height: 14px;
        left: 1px; 
        top: -14px; 
        transition: 0.3s;
    }

    .contestInput .effect ~ label.error, .contestInput .effect:focus ~ label.error, .has-content ~ label.error { 
        background-color: #1DADEA;
        top: -14px;
        color: #000;
        font-size: 11px;
        left: 1px;
        line-height: 14px;
    }

    .contestInput .effect.error:focus ~ label, .has-content.error ~ label.error {
        display: none !important;
    }  

    .contestInput .effect.error:focus ~ label.error, .has-content.error ~ label.error {
        background-color: #1DADEA;
        display: block !important;
        z-index: 9;
    }    

    /* Registered */

    .contestSubscription.registered,
    .contestSubscription.registered .star  {
        background-color: #00BBB3;
    }

    /* Unlogged */

    .contest-not-shown {
        border-top: 1px solid #ccc;
        margin-top: 20px;
        padding-top: 20px;
    }

    .contest-not-shown .connectBtns {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .contest-not-shown .connectBtns span {
            text-align: center;
        }

        .contest-not-shown .connectBtns .btn-white, 
        .contest-not-shown .connectBtns .btn-red {
            font-size: 16px;
            margin: 10px auto;
            width: 200px;
        }

        .contest-not-shown .notShown {
            font-size: 18px;
            line-height: 1.2em;
        }





/* ================================================== */
/*                     Contact                        */
/* ================================================== */

#contact_home .notice {
    margin: 0;
}
#contact_home p.help {
    margin: 10px 0 0;
}
#contact_home .error {
    line-height: 16px;
    padding: 0;
}
#contact_home .error > li {
    color: #f24138;
    line-height: 16px;
    padding: 5px 0;
}
#contact_home .textarea {
    margin: 10px 0;
}
#contact_home .l-row {
    margin: 10px 0;
}
#contact_home .l-row input,  #contact_home textarea {
    width: 100%;
}
#contact_home .rc-select-container {
    max-width: 100%;
}
#contact_home li.notice.formError:before {
    left: 5px;
}


#widget-community-stats + #faq.visible {
    background: url(data:image/gif;base64,R0lGODlhAwABAIABAJ2eo////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBSaWdodHM9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9yaWdodHMvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wUmlnaHRzOk1hcmtlZD0iRmFsc2UiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDozMjQzNTcwMUZBRDYxMURGODg4MUU3MUI2OUExNTdBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NTU2N0RBQ0EwM0ExMUUxQkFGMTlDRDBBN0VDRjgxMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NTU2N0RBQkEwM0ExMUUxQkFGMTlDRDBBN0VDRjgxMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1OEYxRUJCRjg5REUxMTE4REMzRUNDNjIxRTI2OTk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFCMkVGMTE3MzRCNjExRTFCRTgwQjlDOEI0NkJCNDEwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAMAAQAAAgJEUgA7) repeat-x scroll left top transparent;
    padding-top: 13px;
}

#faq.visible + #widget-community-stats {
    background: url(data:image/gif;base64,R0lGODlhAwABAIABAJ2eo////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBSaWdodHM9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9yaWdodHMvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wUmlnaHRzOk1hcmtlZD0iRmFsc2UiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDozMjQzNTcwMUZBRDYxMURGODg4MUU3MUI2OUExNTdBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NTU2N0RBQ0EwM0ExMUUxQkFGMTlDRDBBN0VDRjgxMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NTU2N0RBQkEwM0ExMUUxQkFGMTlDRDBBN0VDRjgxMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1OEYxRUJCRjg5REUxMTE4REMzRUNDNjIxRTI2OTk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFCMkVGMTE3MzRCNjExRTFCRTgwQjlDOEI0NkJCNDEwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAMAAQAAAgJEUgA7) repeat-x scroll left top transparent;
    padding-top: 10px;
}

.l-2of3 {
    max-width: 360px !important;
    width: 100% !important;
}


/* ================================================== */
/*                      Ecom                          */
/* ================================================== */

.ecom h2 {
    color: #1c1c1c;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: -0.75px;
    line-height: 32px;
    margin: 0 0 25px;
}

.ecom #registration-wrapper.error h2  {
    color: #1dadea;
    display: block;
    font-size: 40px;
    font-weight: 300;
    letter-spacing: -0.4px;
    line-height: 40px;
    margin: 30px 0;
}

.ecom #registration-wrapper .choose-subscription-container h2 {
    font-size: 36px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 40px;
    margin: 0;
}


/* Générique */

.ecom .highlight {
    background: #f2f4f7;
}

.ecom #main-container {
    margin: 0 auto;
    height:auto;
}  

.ecom #main-container #content {
    background: none;
    display: block;
    float: inherit;
    margin: 0;
    max-width: 100%;
    padding: 20px 10px;
    width: 100%;
}

.ecom #main-container #asideLeft {
    display: none;
}

.ecom #registration-wrapper form {
    display: inline-block;
    padding-bottom: 20px;
    min-width: 100%;
}

.ecom #registration-wrapper form.formSuccess {
    padding-bottom: 100px;
}
.ecom #registration-wrapper form fieldset {
    padding: 0 10px 20px;
    position: relative;
}

.ecom #registration-wrapper form fieldset.success-confirmation, .ecom #registration-wrapper form fieldset#transaction-detail {
    margin:35px auto 0;
    padding: 0;
    text-align: left;
}

.ecom #registration-wrapper {
    margin: 0;
}

.ecom #registration-wrapper .inner {
    padding: 10px;
}

.ecom #code-promo .btn-white {
    font-weight:700;
    margin: 10px 0 0;
}

/*=== Timeline  === */

/* Progress bar */ 

.ecom #registration-wrapper .bkprogress {
    background-color: white;
    border: 1px solid #a1a1a1;
    height: 8px;
    position: relative;
    width: 100%;
    z-index: 3;
}

.ecom #registration-wrapper .blueprogress {
    background-color: #1dadea;
    border: 1px solid #a1a1a1;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 5;
}

.ecom #registration-wrapper .timeline {
    background: none;
}

.ecom #registration-wrapper .timeline span.timeline-label, .ecom #registration-wrapper .timeline p {
    background-color: #f2f4f7;
    display:inline-block;
    min-height: 57px;
    position: relative;
    width: 100%;
}

.ecom #registration-wrapper .timeline span.timeline-label {
    background: none;
}

.ecom #registration-wrapper .timeline span label, .ecom #registration-wrapper .timeline p label {
    line-height: 14px;
    padding: 25px 0 0;
}

.ecom #registration-wrapper .timeline .cursor {
    display: block;
    height:27px;
    width:31px;
}

.ecom #registration-wrapper.error .timeline .cursor {
    display: block;
    height:27px;
    width:31px;
}

.ecom #registration-wrapper .timeline.buyToken .cursor.step5 {
    top:-5px;
}
.ecom #registration-wrapper form fieldset div.error {
    bottom: 0;
}

.ecom #registration-wrapper fieldset #code-promo-container div.error {
    clear: both;
    float: left;
    padding: 5px 0 0 1px;
}

/* Buy Tokens */

.ecom#application_ecom_buy_token .choose-subscription {
    background: white;
}

.ecom#application_ecom_buy_token .choose-subscription .topGrey {
    background: #dfe5eb;
    margin: 20px 0 0;
    padding: 30px 0 0;
}

.ecom#application_ecom_buy_token .slashline {
    margin: 0;
}

.ecom#application_ecom_buy_token h2 {
    color: #1dadea;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 25px;
    margin: 0;
    text-align: center;   
}

.ecom#application_ecom_buy_token .avantages h3 {
    background:#fff;
    color: #3b23a3;
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    left: 50%;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 0 -130px;
    padding: 0 5px;
    position: relative;
}

.ecom#application_ecom_buy_token .avantages ul {
    margin: 30px 0 50px;
}

.ecom#application_ecom_buy_token .avantages ul li {
    display:inline-block;
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 49%;
}

.ecom#application_ecom_buy_token .avantages ul li:first-child {
    padding-left: 6%;
    width: 49%;
}
.ecom#application_ecom_buy_token .avantages ul li:last-child {
    width: 45%;
}


.ecom #registration-wrapper .timeline.buyToken .cursor {
    fill: #00adee;
    height:37px;
    top:-5px;
    width:37px;
}

.ecom#application_ecom_buy_token .choose-subscription span.save {
    color:#f75054;
}
.ecom#application_ecom_buy_token .choose-subscription.active {
    background:#dfe5eb;
}

.ecom#application_ecom_buy_token .choose-subscription.active .topGrey{
    background:#3b23a3;
    margin: 10px;
}

.ecom#application_ecom_buy_token #registration-wrapper .timeline span label[data-for="1"] {
    left:10%;
    width: 31%;
}

.ecom #payment-info-process .btn-blue {
    margin: 0;
    padding: 6px 20px;
    width: 100%;
}

    .ecom #payment-info-process .btn-blue:disabled, .ecom #payment-info-process .btn-blue:disabled:hover {
        background-color: #ccc;
        cursor: initial;
    }

.ecom #payment-info-process .btn-white {
    margin: 20px 0 0;
    padding: 5px 20px;
    width: 100%;
}

.ecom #payment-info-process #cc-info .cc .btn-white {
    margin: -10px 0 0;
}

.ecom #paymentSuccess .btn-white {
    margin: 10px 0;
}

/* Progress bar Step */

.ecom #registration-wrapper .timeline .blueprogress.step1 {
    width:21%;
}

.ecom #registration-wrapper .timeline .blueprogress.step2 {
    width:47%;
}

.ecom #registration-wrapper .timeline .blueprogress.step3 {
    width:60%;
}

.ecom #registration-wrapper .timeline .blueprogress.step4 {
    width:100%;
}

.ecom #registration-wrapper .timeline .blueprogress.step5 {
    width:81%;
}

.ecom #registration-wrapper .timeline .blueprogress.step5 {
    width:81%;
}

.ecom #registration-wrapper.error .timeline .blueprogress.step5 {
    width:80.8%;
}

/* Buy Tokens */

.ecom #registration-wrapper .buyToken .blueprogress.step1 {
    width: 24%;
}

.ecom #registration-wrapper .buyToken .blueprogress.step3 {
    width: 68%;
}

.ecom #registration-wrapper.error .buyToken .blueprogress.step5 {
    width:68.8%;
}


/* Step */

.ecom #registration-wrapper .timeline .cursor.step1 {
    left:21.5%;
}

.ecom #registration-wrapper .timeline .cursor.step2 {
    left:47%;
}

.ecom #registration-wrapper .timeline .cursor.step3 {
    left:60%;
}

.ecom #registration-wrapper .timeline .cursor.step4 {
    left: 100%;
}

.ecom #registration-wrapper .timeline .cursor.step5 {
    left:81.6%;
}

/* Buy Tokens */

.ecom #registration-wrapper .buyToken .cursor.step1 {
    left: 25%;
}

.ecom #registration-wrapper .buyToken .step1 {
    width: 24%;
}

.ecom #registration-wrapper .buyToken.step3 {
    width:60%;
}

.ecom #registration-wrapper .buyToken .step5 {
    width:68.8%;
}

.ecom #registration-wrapper .buyToken span label[data-for="1"] {
    width: 35%;
}

.ecom #registration-wrapper .buyToken .cursor.step4 {
    left: 97.8%;
}

.ecom #registration-wrapper .buyToken .cursor.step5 {
    left:70%;
}


/* Step 3 */


.ecom #registration-wrapper .timeline.buyToken .cursor.step3 {
    left: 69.5%;
}

.ecom #registration-wrapper form fieldset.summary {
    margin: 0;
}

.ecom #registration-wrapper .timeline.buyToken span label[data-for="3"] {
    left: 57%;
    width: 26%;
}

/* Form Labels */

.ecom #registration-wrapper .timeline span label {
    color:#999;
    display:inline-block;
    float: left;
    position: absolute;
    text-align: center;
    width: 20%;
}

.ecom #registration-wrapper .timeline span label.disabled {
    display: none;
}

.ecom #registration-wrapper .timeline span label.bold,
#registration-wrapper .inner .timeline p label.bold {
    color: #1dadea;
}

.ecom #registration-wrapper .timeline span label[data-for="0"] {
    padding: 0 0 0 10px;
    text-align: left;
    width: 10%;
}

.ecom #registration-wrapper .timeline span label[data-for="1"] {
    left:6%;
    width: 31%;
}

.ecom #registration-wrapper .timeline span label[data-for="2"] {
    left:21%;
    width: 52%;
}

.ecom #registration-wrapper .timeline span label[data-for="3"] {
    left:48%;
    width: 26%;
}

.ecom #registration-wrapper .timeline span label[data-for="4"] {
    float: right;
    line-height: 55px;
    padding: 0;
    position: inherit;
    text-align:right;
    width: auto;
}

/*=== Free Trial first Step  === */

#transaction-summary-free-trial {
    max-width: 650px;
    padding: 0;
}

#transaction-summary-free-trial #trialList {
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 15px 0;
}

#transaction-summary-free-trial #trialList li {
    padding: 0 0 30px 50px;
}

#transaction-summary-free-trial #trialList li .svg-icon {
    fill: #000;
    content: '';
    height: 26px;
    left: 0;
    margin: 5px auto 0;
    position: absolute;
    text-align: center;
    width: 36px;
}

#transaction-summary-free-trial #trialList li:first-child .svg-icon {
    fill: #2bbbb3;
    height: 36px;
    margin: 5px 0 0 8px;
    width: 20px;
}

#transaction-summary-free-trial #trialList li:last-child .svg-icon {
    fill: #7575e0;
    height: 34px;
    width: 34px;
}

#transaction-summary-free-trial p {
    margin: 0 0 30px 0;
}


.ecom #registration-wrapper .timeline .blueprogress.step2 {
    width: 50%;
}

.ecom #registration-wrapper .timeline.getFreeTrial .cursor.step2 {
    left: 50%;
}

.ecom #registration-wrapper .timeline.getFreeTrial .blueprogress.step3 {
    width: 97%;
}

.ecom #registration-wrapper .timeline.getFreeTrial .cursor.step3 {
    left: 97%;
}

.ecom #registration-wrapper .timeline.getFreeTrial span label[data-for="2"] {
    left: 0;
    line-height: 18px;
    width: 100%;
}

.ecom #registration-wrapper .timeline.getFreeTrial span label[data-for="3"] {
    line-height: normal;
    right: 0;
    text-align:  right;
    width: 50%;
}

@media screen and (max-width: 719px) {
    #application_ecom_buy_pay_subscription_trial_period .popover,
    #application_ecom_buy_paymentInfo_subscription_trial_period .popover,
    #application_ecom_buy_paymentInfo_subscription .popover  {
        left: 10px !important;
        max-width: 95%;
        width: 95%;
    }
    #application_ecom_buy_pay_subscription_trial_period .popover-inner,
    #application_ecom_buy_paymentInfo_subscription_trial_period .popover-inner,
    #application_ecom_buy_paymentInfo_subscription .popover-inner  {
        width: 100%;
    }
}

#application_ecom_buy_paymentInfo_subscription_trial_period .payment-mode-sep-container,
#application_ecom_buy_paymentInfo_subscription_trial_period #payment-method-container label,
#application_ecom_buy_paymentInfo_subscription_trial_period .payment-method-paypal,
#application_ecom_buy_paymentInfo_subscription_trial_period .modify-payment-mode {
    display: none;
}

#application_ecom_buy_paymentInfo_subscription_trial_period .payment-method-card {
    text-align: center;
}

/*=== Free Trial Success (last step)  === */


.ecom .trialConfirmed h2 {
    line-height: 35px;
    margin: 0 0 10px;
}

.ecom .trialConfirmed h3 {
    font-size: 28px;
    font-weight: 300;
    letter-spacing: -0.7px;
    line-height: 35px;
}

.ecom .trialConfirmed h3 strong{
    font-weight: 600;
    white-space: nowrap;
}

.ecom .trialConfirmed p {
    padding: 40px 0 20px;
}

.ecom .trialConfirmed .btn-blue, .ecom .trialConfirmed .btn-blue#send-mail, .ecom .trialConfirmed .btn-blue#who-saw {
    display: block;
    margin: 0 0 10px;
    max-width: 315px;
}

.trial-package {
    background: #1dadea;
    border-radius: 50%;
    height: 280px;
    overflow: hidden;
    margin: 30px auto 0;
    padding: 70px 0 0;
    width: 280px;
}

.trial-package .slashline {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/slash-line8.svg) repeat-x;
    background-position: 0 35px;
    height: 70px; 
    text-align: center;
}

.trial-package .slashline svg {
    background: #1dadea;
    fill: #167dc1;
    height: 75px;
    width: 110px;
}

.trial-package p {
    color: white;
    font-size: 32px;
    font-weight: 300;
    letter-spacing: -0.35px;
    padding: 15px 0 0;
    text-align: center;
}

.ecom .right-column.trialPeriod {
    display: block;
    float: none;
    width: 100%;
}

/*=== Free Trial : Error  === */

.ecom #registration-wrapper.error form fieldset.trialError {
    padding: 0 10px;
}

.ecom #registration-wrapper.error .timeline.getFreeTrial .cursor.step2 {
    left: 75%;
}

.ecom #registration-wrapper.error .timeline .blueprogress.step2 {
    width: 75%;
}

/*=== First Step : Choose Subscription  === */

/* Choose Mobile & Tablet */

.ecom .choose-payment-mobile,
.ecom .error.choose-payment-mobile,
.ecom .choose-subscription-mobile,
.ecom .choose-subscription-mobile tbody {
    display:table;
    margin-top: 10px;
    width:100%;
}

.ecom .choose-subscription-mobile tr span.save {
    color: #f75054;
    display: block;
    margin: 0;
    padding: 5px 0;
}
.ecom .choose-subscription-mobile tr.last span.save {
    color: #000;
}
.ecom .choose-subscription-mobile tr.active span.save {
    color: #1dadea;
}

.ecom .choose-subscription-mobile tr.clickable {
    background-color: #dfe5eb;
    color: #000;
    margin: 0 0 10px 0;
}

.ecom .choose-subscription-mobile tr.clickable.active {
    background-color: #3b23a3;
    color: #fff;
}

.ecom .choose-subscription-mobile tr.space {
    height: 15px;
}

.choose-subscription-mobile tr td {
    padding: 0 10px;
    width:33%;
} 

.ecom .choose-subscription-mobile tr td.payment {
    font-weight:bold;
}

.ecom .choose-payment-mobile tr td.checkbox,
.ecom .choose-subscription-mobile tr td.checkbox {
    position: relative;
    text-align: right;
    vertical-align: middle;
}        

.ecom .choose-payment-mobile tr td.checkbox span,
.ecom .choose-subscription-mobile tr td.checkbox span {
    border: 1px solid #ababab;  
    border-radius: 50%;   
    cursor:pointer;
    display:inline-block;
    height:32px;
    margin:20px 0 0;
    vertical-align: middle;        
    width:32px;
}

.ecom .choose-payment-mobile tr td.checkbox span .svg-icon,
.ecom .choose-subscription-mobile tr td.checkbox span .svg-icon {
    display: none;
}

.ecom .choose-subscription-mobile tr td.checkbox span {
    margin: 10px 0;
}

.ecom .choose-subscription-mobile tr td span.save.empty {
    display: block;
    height: 5px;
    line-height: 0;
    margin: 0;
}

.ecom .choose-payment-mobile tr {
    border-bottom: 1px solid #e8e8e8;
}

.ecom .choose-subscription-mobile tr.save {
    border-bottom: 1px solid #e8e8e8;
} 

.ecom .choose-payment-mobile tr.last,
.ecom .choose-subscription-mobile tr.save.last {
    border-bottom: 0;
} 

.ecom .choose-payment-mobile.error tr {
    border: 0;
}
.ecom .choose-payment-mobile.error tr td.checkbox span {
    margin:10px 10px 6px 0;
}

.ecom .choose-payment-mobile tr.active td.checkbox span,
.ecom .choose-subscription-mobile tr.active td.checkbox span {
    background: #1DADEA;
    border: none;
    border-radius: 100%;
    display: inline-block;
    height: 32px;
    position: relative;
    width: 32px;
}

.ecom .choose-payment-mobile tr.active td.checkbox span .svg-icon,
.ecom .choose-subscription-mobile tr.active td.checkbox span .svg-icon {
    display: block;
    fill: #FFF;
    height: 55%;
    left: 51%;
    position: absolute;
    top: 56%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 55%;
}

.choose-subscription span.payment {
    font-size: 24px;
    letter-spacing: -0.675px;
    text-align:center;
    padding: 40px 0 5px 0;
}
.choose-subscription span.payment strong {
    font-weight: 400;
}
.choose-subscription span.amount {
    color:#000;
    font-size: 16px;
    letter-spacing: -0.24px;
    text-align:center;
    padding: 0;
}

.choose-subscription.last span.save {
    color: #000;
    line-height: 36px;
}

.ecom .products-container {
    display: none;
}


/* Choose Subscription Desktop */

.choose-subscription span.save {
    bottom: 100px;
    color: #f75054;
    font-size: 16px;    
    left: 0;
    text-align: center;
    position: absolute;
    width: 100%;
}

.choose-subscription span.save strong {
    font-size: 36px;
    font-weight: 400;
    letter-spacing: -0.54px;
}

.choose-subscription.last span.save strong {
    font-size: 16px;
    font-weight: 400;
}


.ecom .choose-subscription {
    display: none;
}


/*=== Second Step : Payment Method  === */


.ecom #registration-wrapper form#payment-info-process {
    display: block;
    margin: 30px 0 0;
    width: 100%;
}  
.ecom #registration-wrapper form#payment-info-process h2 {
    margin: 0;
}

.ecom #registration-wrapper form#payment-info-process fieldset#cc-info-error,
.ecom #registration-wrapper form#payment-info-process fieldset#cc-info,
.ecom #registration-wrapper form#payment-info-process fieldset.last {
    padding: 10px 0;
}

/* Mobile */

.ecom #payment-method-container.select, .ecom .choose-subscription {
    display: none;
}

/* Promo Code */

.ecom #code-promo-container {
    margin: 15px 0;    
}

.ecom #code-promo-container input {
    margin: 0 10px 0 0;
}

.ecom .choose-payment-mobile {
    margin: 0 0 10px 0;
}


/* Payment Mode */

.ecom #payment-method-container.payment {
    float: left;
    margin: 20px 0 0 0;
    width: 100%;
} 

#payment-method-container.payment ul {
    display:inline-block;
    margin: 0;
    padding: 0;
}

.ecom .error #payment-method-container {
    display:none;
}

.ecom .error #transaction-explanation {
    margin: 44px 0 0;
}

span#visa, span#mastercard, span#amex, span#paypal {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/registration/sprite_payment_method.png) no-repeat;
    background-size: 200px 200px;
    display: inline-block;   
}

span#visa {
    background-position: 0 0;
    height: 66px;
    margin: 0 30px 0 0;
    vertical-align: bottom;
    width: 66px;
}

span#mastercard {
    background-position: -70px 0;
    height: 40px;
    margin: 16px 30px 0 0;
    vertical-align: top;
    width: 67px;
}

span#amex {
    background-position: -150px 0;
    height: 38px;
    margin: 18px 0 0;
    vertical-align: top;
    width: 39px;
}

span#paypal {
    background-position: 0 -100px;
    height: 50px;
    width: 150px;
}

.error-mode {
    color: red;
    padding: 0 0 15px 0;
}

#payment-method-container {
    margin:0 0 10px 0;
}

.ecom #payment-method-card,
.ecom #payment-method-paypal {
    display: table;
    margin: 20px 0 15px 0;
}

.modify-payment-mode {
    display: inline-block;
    margin: 10px 0;
}

.ecom #payment-method-container.payment span#paypal {
    float: left;
    margin: 0;
}

/* Moneris Modal */

#moneris.modal {
    height: 900px;
    left: 50%;
    margin: 0 0 0 -160px;
    max-height: 900px;
    padding: 50px 0 0;
    position: absolute;
    top:0;
    width: 320px;
}

.device_android #moneris.modal {
    margin: -75px 0 0 -160px !important;
    max-height: 500px;
    top: 50% !important;
}

.modal-header h3 {
    color: #000;
    font-size: 24px;
    margin: 5px 0;
    padding: 0;
}

.line {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/profile/profile.header.sep.png) left bottom repeat-x;
    display:inline-block;
    height:3px;
    width:100%;
}
.ecom .left-column {
    width:100%;  
    padding:0;      
}
.ecom .right-column {
    float:left;
    min-height: 245px;
    width: 250px;
}

.ecom .package.mobile {
    background: #2bbbb3;
    border-radius: 50%;
    height: 290px;
    margin: 0 auto 20px;
    position: relative;
    width: 290px;
}

.ecom .package.jeton.mobile {
    background: #3b23a3;
}

.ecom header .logo {
    display: none;
}

.ecom #discover.mini-block-success span,
.ecom #send-mail.mini-block-success span,
.ecom #organized.mini-block-success span,
.ecom #connect-video.mini-block-success span,
.ecom #send-gift.mini-block-success span {    
    width: 175px;
}

.ecom #discover.mini-block-success span:first-child,
.ecom #send-mail.mini-block-success span:first-child,
.ecom #organized.mini-block-success span:first-child,
.ecom #connect-video.mini-block-success span:first-child,
.ecom #send-gift.mini-block-success span:first-child {    
    width: 60px;
}    

#application_ecom_buy_error #payment-info-process,
#application_ecom_buy_fail #payment-info-process {
    text-align: center;
}

.ecom fieldset.last #payment-info-process a,
.ecom #payment-info-process fieldset.last a {
    margin: 22px 0 0 10px;
}  

    .ecom #payment-info-process fieldset.last .acceptCCPayment {
        margin-left: 0;
    }

.error .choose-subscription {
    border:1px solid red;
}

/*.error .choose-payment-mobile,*/
.error #payment-method-container {
    border: 1px solid red;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    clear:both;  
    display:inline-block;
    float: left;
    padding: 6px;
    margin: 0 0 10px 0;
}

.payment-method-paypal,
.payment-method-card {
    height: 66px;
}

.payment-method-paypal label,
.payment-method-card label {
    display: inline-block;
    margin: 25px 0 0 10px;
    vertical-align: top;
}

.payment-method-paypal label {
    margin-top: 17px;
}

.payment-method-card input,
.payment-method-paypal input {
    position: relative;
    top: -20px;
}


/*=== Third Step : Transaction Summary  === */

/* Sommaire de la transaction */

#transaction-summary-table-promo {
    padding: 0;
    width: 100%;
}      

#transaction-summary-table {
    width:100%;
}

#transaction-summary-table td.description {
    font-weight: 700;
}

.ecom #registration-wrapper #payment-info-process {
    float: right;
}

#transaction-summary-table tr.highlight.promo {
    background: none;    
}

#transaction-summary-table tr.highlight.promo.inactive {
    display:none;
}
#searchBanner {
    text-align: center;
    width: 100%;
}

#searchBanner > div {
    margin: 10px auto 0;
}

#transaction-summary-table tr td {
    font-weight: 400;
    padding: 9px 0;
}

#transaction-summary-table tr td.last {
    width: 20px;
}

#transaction-summary-table tr td:first-child {
    padding: 9px 0 9px 7px;
}

#transaction-summary-table tr.highlight {
    color: #1dadea;
}

#transaction-summary-table tr.highlight td {
    font-weight: 700;
}

#transaction-summary-table tr.subtotal, #transaction-summary-table tr.TPS {
    background: url(data:image/gif;base64,R0lGODlhAwABAIABAJ2eo////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBSaWdodHM9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9yaWdodHMvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wUmlnaHRzOk1hcmtlZD0iRmFsc2UiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDozMjQzNTcwMUZBRDYxMURGODg4MUU3MUI2OUExNTdBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NTU2N0RBQ0EwM0ExMUUxQkFGMTlDRDBBN0VDRjgxMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NTU2N0RBQkEwM0ExMUUxQkFGMTlDRDBBN0VDRjgxMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1OEYxRUJCRjg5REUxMTE4REMzRUNDNjIxRTI2OTk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFCMkVGMTE3MzRCNjExRTFCRTgwQjlDOEI0NkJCNDEwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAMAAQAAAgJEUgA7) transparent repeat-x bottom left;
}

#transaction-summary-table tr.total td {
    padding: 9px 0 9px 3px;
    text-transform: uppercase;
}

#transaction-summary-table tr.tps td {
    padding:7px 6px 0 9px;
}

#transaction-summary-table tr.tvq td {
    padding:8px 6px 15px 9px;
}

#transaction-summary-table tr.total {
    border:2px solid #1dadea;
}

#transaction-summary-table tr td[align="right"] {
    text-align: right;
}

#transaction-summary-table tr td[align="right"].tvq {
    padding: 0 0 10px 0;
}

#transaction-summary-table tr td span.rc-btn-picto {
    background: transparent;    
    border: 0;
    box-shadow: none;
    padding: 0 4px 2px 0;
}

#transaction-summary-table tr td#delete-promo-container  {
    position: relative;
}

#transaction-summary-table tr td#delete-promo-container .close  {
    right: 0;
    top: 27px;
}

.ecom #transaction-explanation {
    color:#333;
    display:inline-block;
    margin:24px 0 0 0;
    text-align: left;
}

#transaction-explanation p {
    color:#666;
    margin: 10px 0 0 0;
}

#apply-code-form-error {
    float: right;
    text-align: left;
    width: auto;
}

.acceptConditionsBox {
    display: inline-block;
    margin-top: 20px;
    position: relative;
    vertical-align: top;
    width: 100%;
}

    .ecom #transaction-explanation label, .acceptConditionsBox label {
        display: inline-block;
        width: calc(100% - 24px);
    }

    .ecom #transaction-explanation .checkBoxAccept, .acceptConditionsBox .checkBoxAccept {
        border: 1px solid #ababab;
        cursor: pointer;
        display: inline-block;
        font-weight: 600;
        height: 15px;
        left: 0;
        margin: 4px 10px 0 0;
        position: absolute;
        top: 0;
        width: 15px;
    }

        .ecom #transaction-explanation .checkBoxAccept:after, .acceptConditionsBox .checkBoxAccept:after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            opacity: 0;
            content: '';
            position: absolute;
            width: 10px;
            height: 7px;
            background: transparent;
            top: 1px;
            left: 2px;
            border: 3px solid #424242;
            border-top: none;
            border-right: none;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .ecom #transaction-explanation input[type="checkbox"]:checked + .checkBoxAccept:after,
        .acceptConditionsBox input[type="checkbox"]:checked + .checkBoxAccept:after {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter: alpha(opacity=100);
            opacity: 1;
        }

    #chk-payment-terms-acceptation {
        visibility: hidden;
    }

#registration-wrapper #code-promo-container label {
    font-weight: bold;
}

.ecom #registration-wrapper form fieldset.error {
    padding: 23px 0 45px;
}

#payment-method-container.payment {
   border: 2px solid #1dadea;
    margin: 0;
    padding: 7px 0 8px 12px;
    width: 100%;
}



#cc-info .cc {
    border: 1px solid #ababab;
    padding: 20px 18px;
}

#cc-info.mode .cc {
    padding: 12px 0 18px 6px;
}

#cc-info .cc.no-card {
    border: 0;
}

#cc-info .cc h4 {
    color: #000;
    display:inline-block;
    margin: 0 0 10px 0;
    text-align: center;
    width: 100%;
}

#cc-info .cc ul li {
    color: #000;
    line-height: 20px;
    text-align: left;
}

#cc-info .cc ul li span.expired {
    color:#ff0000;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
}

#cc-info-error .cc div.error,
#cc-info .cc div.error {
    background: none;
    border: 2px solid #ffcc66;
    font-size: 11px;
    padding: 20px;
    margin: 0 0 24px 0;
    width: auto;
}

#cc-info .cc div.addCreditCard,
#cc-info .cc div.expired {
    margin: 0;
    width: 100%;
}

#cc-info-error .cc div.error {
    margin: 0 0 14px 0;
}

form fieldset#cc-info-error .cc div.error,
form fieldset#cc-info .cc div.error {
    border: 2px solid #f24138;
    display: block;
    position: relative;   
}

form fieldset#cc-info-error .cc div.error p,
form fieldset#cc-info .cc div.error p {
    color:#000;
}

form fieldset#cc-info-error .cc div.error span,
form fieldset#cc-info .cc div.error span {
    color: #f24138;
}

#payment-info-process fieldset.last span.note {
    font-size: 12px;
}  

 .ecom #registration-wrapper form fieldset #code-promo-container div.error {
    bottom: -53px !important;    
}



.ecom #registration-wrapper .timeline p label[data-for="50"]  {
    width:auto;
} 

#cc-info .cc a {
    display: inline-block;
    font-weight: 400;
    float: right;
}

#cc-info .cc div.expired p,
#cc-info .cc div.addCreditCard p {
    line-height: 1.4em;
    margin: 18px 0 0 0;
}



#cc-info .cc .modify-payment-mode a {
    float: none;
    margin: 0px;
    padding: 10px 0 0 0;
    text-align: center;
}

#registration-wrapper .payment-mode-sep-container {
    text-align: center;
}

#registration-wrapper .payment-mode-sep {
    margin: 14px 0 8px 0;
}

#registration-wrapper .payment-mode-sep span {
    background: url("/web/20210606135931im_/https://www.reseaucontact.com/static/img/profile/profile.header.sep.png") repeat-x scroll left bottom;
    display: inline-block;
    height: 2px;
    margin: 0 0 2px;
    width: 38%;    
}

#registration-wrapper .payment-mode-sep span.sep-label {
    background: none;
    color: #8c8c8a;
    font-size: 12px;
    font-family: Arial,Verdana,sans-serif;
    padding: 0 11px;
    width: auto;
}

#cc-info-error .cc div.error > span,
#cc-info .cc div.error > span,
#cc-info .cc div.addCreditCard > span,
#cc-info .cc div.expired > span {
    display: inline-block;
    position: absolute;
    left: 20px;
    top: 19px;
}

#cc-info-error .cc div.error span span, 
#cc-info .cc div.error span span,
#cc-info .cc div.addCreditCard span span,
#cc-info .cc div.expired span span {
    color: #ff9900;
    font-size: 30px;
    line-height: 36px;
}

#payment-info-process fieldset.last span {
    margin: 0 0 20px 0;
}

#payment-info-process a.cancelLink {
    color:#333;
    display:inline-block;
    font-size:14px;
    margin:0 0 0 20px;
}

/* Confirmez votre transaction */
#payment-method-fieldset {
    clear: both;
}

#payment-method-container.confirm {
    font-weight: bold;
    float:right;
    margin:24px 0 0 0;
}

#payment-method-container.confirm span.text,
#payment-method-container.confirm span.title {
    background:none;
    height: 26px;
    width: auto;    
}

#payment-method-container.confirm span {
    margin: 0 0 0 15px;
}

#payment-method-container.confirm span.text {
    font-size: 13px;
    position: relative;
    top:-18px;
}

#payment-method-container.confirm span.title {
    display: block;
}

/*=== Last Step : Payment Method  === */


/*=== Error  === */

.ecom #registration-wrapper.error .blueprogress {
    background-color: #f24138;
}

.ecom #registration-wrapper.error .timeline.buyToken .cursor {
    top: -2px;
}

.ecom #registration-wrapper.error h3 {
    margin: 0 0 20px 0;
}

.ecom #registration-wrapper.error #transaction-detail ul li {
    background: url(data:image/gif;base64,R0lGODlhAwABAIABAJ2eo////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBSaWdodHM9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9yaWdodHMvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wUmlnaHRzOk1hcmtlZD0iRmFsc2UiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDozMjQzNTcwMUZBRDYxMURGODg4MUU3MUI2OUExNTdBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NTU2N0RBQ0EwM0ExMUUxQkFGMTlDRDBBN0VDRjgxMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NTU2N0RBQkEwM0ExMUUxQkFGMTlDRDBBN0VDRjgxMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1OEYxRUJCRjg5REUxMTE4REMzRUNDNjIxRTI2OTk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFCMkVGMTE3MzRCNjExRTFCRTgwQjlDOEI0NkJCNDEwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAMAAQAAAgJEUgA7) transparent repeat-x bottom left;
    padding: 15px 0;
    text-align: left;
}

.ecom #registration-wrapper.error #transaction-detail ul li label {
    color: #1dadea;
    display: inline-block;
    float: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 5px 0;
}

.ecom #registration-wrapper.error #transaction-detail ul li span {
    float: right;
}

.ecom #registration-wrapper.error #payment-info-process {
    float: none;
    padding-top: 50px;
    text-align: center;
}

/*=== Final Step : Confirmation  === */

.right-column {
    display: none;
}

.package.mobile {
    background: #2bbbb3;
    border-radius: 50%;
    height: 290px;
    width: 290px;
    position: relative;
}

#registration-wrapper form .right-column .package label, #registration-wrapper form .left-column .package.mobile label {
    color:#fff;
    font-weight: 300;
    letter-spacing: -0.16px;
    padding: 50px 0 0;
    text-align: center; 
}

#registration-wrapper form .right-column .package span, #registration-wrapper form .left-column .package.mobile span {
    color:#fff;
    display: block;
    font-size: 50px;
    font-weight: 300;
    letter-spacing: -0.5px;
    line-height: 50px;
    padding: 10px 50px 0;
    text-align: center; 
}

#paymentSuccess h2 {
    color: #1dadea;
    display: inline-block;
    font-size: 40px;
    font-weight: 300;
    line-height: 40px;
    margin: 0 0 25px;
}

fieldset#transaction-detail {
    margin: 0 auto;
    max-width: 300px;
}

fieldset#transaction-detail ul li:first-child label{
    color: #000;
    display: block;
    float: none;
    margin: 0;
    text-align: left;
}

fieldset#transaction-detail ul li {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/sep_repeat-x.gif) repeat-x left bottom;
    clear: both;
    display: block;
    padding: 15px 0;
    text-align: right;
}

fieldset#transaction-detail ul li label {
    color: #1dadea;
    display: inline-block;
    float: left;
}

/* Modal */


.ecom .modal-body p {
    background-color: #dfe5eb;
    margin: 0;
    padding: 20px 40px;
    
}

/* Box in success ecom page */
#send-mail {
    margin: 30px 0 0 -19px;
}

#send-mail span {
    width: 123px;
}

#send-mail span:first-child {
    background-position: 0 -53px;
    width: 60px;
}

#organized {
    margin: 30px 0 0 -11px;
}

#organized span {
    width: 75px;
}

#organized span:first-child {
    background-position: 0 -100px;
    width: 60px;
}

#send-gift span {
    width: 130px;
}

#send-gift span:first-child {
    background-position: 0 -327px;
    width: 60px;
}



/* ================================================== */
/*                   Home Logged                      */
/* ================================================== */


/* === Carousel === */

#default.logged #banner {
    height: auto;
    padding: 3px 0;
}

#carousel-home .ms-nav-prev, 
#carousel-home .ms-nav-next {
    background: none;
    box-shadow: none;
    height: 75px;
    margin-top: -37.5px;
    right: -335px;
    width: 49.5px;
}

#carousel-home .ms-nav-prev {
    left: -335px;
}

#carousel-home .ms-slide img {
    -webkit-transition: -webkit-filter .8s ease-in;
    transition: -webkit-filter .8s ease-in, filter .8s ease-in;
}

#carousel-home .ms-slide.no-focus img {
    -webkit-filter: grayscale(1) contrast(1.2);
    filter: grayscale(1) contrast(1.2);
    -webkit-transition: -webkit-filter .8s ease-out;
    transition: -webkit-filter .8s ease-out, filter .8s ease-out;
}

#carousel-home .ms-slide:after {
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: background .8s ease-in;
    transition: background .8s ease-in;
    width: 100%;
    z-index: auto;
}

#carousel-home .ms-slide.no-focus:after {
    background-color: rgba(157, 188, 212, 0.4);
    -webkit-transition: background .8s ease-out;
    transition: background .8s ease-out;
}



/* Carousel Vide */

#carrouselVide {
    /*background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/carrousel_preferences.png) no-repeat center;*/
    display: block;
    height: 158px;
    line-height: 158px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

#carrouselVide div {
    display: inline-block;
    height: 148px;
    margin: 5px 2px;
    padding: 20px;
    position: relative;
    text-align: left;
    vertical-align: top;
    width: 148px;
}

#carrouselVide svg {
    left: 50%;
    max-height: 80%;
    max-width: 80%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

#carrouselVide .first {
    background: #3b23a3;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2em;
}

#carrouselVide .second {
    background-color: #1dadea;
}

#carrouselVide .second svg {
    fill: #1995D5;
}

#carrouselVide .third {
    background-color: #f75054;
    display: none;
}

#carrouselVide .third svg {
    fill: #C03C47;
}


/* === Newsfeed === */

#articles article {
    height: auto;
    min-height: 82px;
    padding: 20px 0;
    position: relative;
}

#articles article:last-child {
    background: none;
}

#default.logged #newsfeed {
    background: #fff;
}

#default.logged #newsfeed h5 {
    color: #000;
    font-size: 16px;
    padding-right: 25px;
}

#default.logged #newsfeed .news-system h5 {
    font-size: 20px;
}

#default.logged #newsfeed h5 a {
    color: #000;
    font-weight: bold;
}

#default.logged #newsfeed h2 {
    font-weight: 300;
    margin: 0 0 15px;
    position: relative;
}

#default.logged #newsfeed h2 strong {
    font-weight: 600;
}

#default.logged #newsfeed .rc-btn {
    margin-top: 10px;
    word-wrap: break-word;
    max-width: 200px;
}

.news-system .btn-white  {
    letter-spacing: -0.2px;
    padding: 4px 18px;
}

#newsfeed article .gift {
    display: inline-block;
    float: left;    
}

#newsfeed article .gift img {
    height: 48px;
    width: 50px;  
}

#newsfeed article span.otherpics {
    display: inline-block;
    line-height: 37px;
}

#default.logged #newsfeed .rc-btn.display-none {
    display: none;
}

#newsfeed .thumbnail, .rc-result-list img {
    margin: 0 5px 5px 0;
}
#newsfeed .news-bodyguardPrioMsg .actor-photo {
    position: relative;
}

#newsfeed .news-bodyguardPrioMsg .actor-photo .bodyguardWhite {
    background-color: #f75054;
    border-radius: 50%;
    top: 65px;
    height: 25px;
    position: absolute;
    right: 0;
    width: 25px;
}

#newsfeed .news-bodyguardPrioMsg .actor-photo .bodyguardWhite .svg-icon {
    fill: #FFF;
    left: 50%;
    max-height: 70%;
    max-width: 70%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

/* Welcome message */

#default.logged #newsfeed .welcomeMessage {
    background-color: #eff4f8;
    margin-bottom: 10px;
    padding: 20px;
}

#default.logged #newsfeed .welcomeMessage h2 {
    font-size: 30px;
    font-weight: 300;
    margin: 0;
}

#default.logged #newsfeed .welcomeMessage p {
    color: #424242;
    font-size: 16px;
}

#default.logged #newsfeed #articles {
    position: relative;
}

#default.logged #newsfeed article {
    display: table;
    position: relative;
    width: 100%;
}

#default.logged #newsfeed article .actor-photo {
    display: table-cell;
    position: relative;
    width: 90px;
}

#default.logged #newsfeed article .actor-photo img {
    -webkit-border-radius: 100%;
    border-radius: 100%;
    display: block;
    height: 90px;
    margin: 0;
    width: 90px;
}

#default.logged #newsfeed article .news-content-inner {
    display: table-cell;
    padding-left: 10px;
    vertical-align: top;
}

#default.logged #newsfeed article .news-content-inner .details-news .action-news .pp-section {
    background-color: #eff4f8;
    color: #424242;
    font-size: 16px;
    margin: 5px 0 0;
    min-height:50px;
    padding: 5px;
}

#default.logged #newsfeed article .news-content-inner .details-news .action-news .pp-section .thumb {
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
    width: 40px;
}

#default.logged #newsfeed article .news-content-inner .details-news .action-news .pp-section .thumb img {
    -webkit-border-radius: 100%;
    border-radius: 100%;
    display: inline-block;
    width: 40px;
}

#default.logged #newsfeed article .news-content-inner .details-news .action-news .pp-section .text {
    display: inline-block;
    font-size: 14px;
    padding: 0 0 0 10px;
    vertical-align: middle;
    width: 70%;
}

#default.logged #newsfeed article .closebtn {
    height: 16px;
    position: absolute;
    right: 0;
    top: 20px;
    width: 16px;
}

#default.logged #newsfeed article .svg-icon.close {
    display: block;
    height: 16px;
    width: 16px;
}

#default.logged #newsfeed article.news-msg {
    background: #ffffff;
    border: 3px solid #1dadea;
    margin-top: 5px;
    padding: 20px;
}

#default.logged #newsfeed article.news-msg a {
    color: #1dadea;
    font-weight: bold;
}

#default.logged #newsfeed article.news-msg .actor-photo {
    vertical-align: top;
    width: 40px;
}

#default.logged #newsfeed article.news-msg .actor-photo img {
    display: block;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 36.8px;
    vertical-align: top;
    width: 40px;
}

#default.logged #newsfeed article.news-premierpas .left {
    width: 350px;
}

#default.logged #newsfeed #infscr-loading {
    padding: 15px 0 0;
    text-align: center;
}

#default.logged #newsfeed #infscr-loading img {
    float: none;
    margin: 15px auto;
}

#default.logged #newsfeed .seemore {
    margin: 10px auto 0;
}

/* === Icons === */

#default.logged #newsfeed .actor-photo .iconContainer {
    background-color: #3b23a3;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    display: block;
    height: 90px;
    line-height: 90px;
    position: relative;
    width: 90px;
}

#default.logged #newsfeed .actor-photo .iconContainer.cameraWhite {
    background-color: #35bab2;
}

#default.logged #newsfeed .actor-photo .iconContainer.heartWhite {
    background-color: #f24138;
}

#default.logged #newsfeed .actor-photo .iconContainer.starWhite {
    background-color: #167dc1;
}

#default.logged #newsfeed .actor-photo .iconContainer.mailWhite {
    background-color: #1dadea;
}
#default.logged #newsfeed .actor-photo .iconContainer.bodyguardWhite {
    background-color: #f75054;
}

#default.logged #newsfeed .actor-photo .iconContainer svg {
    display: block;
    fill: #FFF;
    height: auto;
    left: 50%;
    max-height: 60%;
    max-width: 60%;
    position: absolute;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    vertical-align: middle;
    width: 100%;
}


#default.logged #newsfeed .actor-photo .smalliconContainer {
    background-color: #f75054;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    display: block;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 70px;
    width: 25px;
}


/* No message on newsfeed */

.nonews {
    background: #00adee;
    border-radius: 100%;
    display: block;
    height: 300px;
    margin: 20px auto;
    position: relative;
    width: 300px;
}

.nonews .svg-icon {
    display: block;
    fill: #067cc4;
    height: auto;
    left: 50%;
    max-height: 35%;
    max-width: 35%;
    position: absolute;
    top: 62%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.nonews h2 {
    color: white;
    font-size: 36px;
    font-weight:300;
    letter-spacing: -1px;
    line-height: 40px;
    padding: 40px;
    position: relative;
    text-align: center;
}

span.blueStatus {
    color: #1dadea;
    font-size: 16px;
    font-style: italic;
}

/* No views (Vues) */

.noView p {
    display: inline-block;
}
.noviews {
    background: #00adee;
    border-radius: 100%;
    display: block;
    height: 301px;
    margin: 20px auto;
    width: 301px;
}

.noviews .svg-icon {
    bottom: 6%;
    display: block;
    fill: #067cc4;
    height: auto;
    left: 50%;
    max-height: 32%;
    max-width: 32%;
    position: absolute;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.noviews h2 {
    color: white;
    font-size: 36px;
    font-weight:300;
    letter-spacing: -1px;
    line-height: 40px;
    padding: 40px;
    text-align: center;
}


/* ================================================== */
/*                  Home Unlogged                     */
/* ================================================== */

.unlogged .wrapper {
    background:#dfe5eb;
}

.unlogged #main-container-inner  {
    background: none;
}

.unlogged.homepage #main-container #content {
    background: none;
    clear: none;
    display: block;
    float: none;
    margin: 0 auto;
    padding: 20px 10px;
    width: 320px;
}

.unlogged #home-content ul {
    display: block;
}

.unlogged #home-content ul li {
  float: left;
  margin: 5px 1%;
  height: auto;
  width: 48%;
}

.unlogged #home-content ul li a {
    display: block;
}

.unlogged #home-content ul li img {
    display: block;
  width: 100%;
}

.unlogged #home-content ul li#home-testimonials {
    float: right;  
    margin: 2% 1%;   
}

.unlogged #home-content ul li#home-privilege {
    background: #35bab2;
    clear: both;  
    height: 144px;
    width: 144px;  
}   
    

/* Create Profile block */

.unlogged #home-content ul li#home-create-profile {
    margin: 0 1% 2% 1%;   
}

#home-create-profile, #home-testimonials {
    background: #1dadea;
    display: inline-block;
    height: auto !important;
    margin: 0 1% 2% 1%;   
    width: 98% !important;
}

#home-create-profile h1, #home-testimonials h2 {
    color: white;
    font-size: 45px;
    font-weight: 300;
    line-height: 45px;
    margin: 0 0 20px 0;
    padding: 0 85px 0 15px;
    position: relative;
    text-align: left;
}

#home-create-profile h1 {
    padding: 0 95px 0 25px;
}

#home-create-profile a, #home-testimonials a {
    color: white;
    display: block;
    font-size: 22px;
    font-weight: 400;
    height: 100%;
    line-height: 24px;
    padding: 15px 0;
    text-align: center;
}

#home-create-profile p {
    color: #175c99;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    padding: 0;
    text-align: center;
}

/* Testimonials block */

#home-testimonials {
    background: #175c99;
}

#home-testimonials a {
    font-size: 16px;
    padding: 15px 0;
}

/* Privilege block */

#home-privilege a {
    color: #fff;
    display: block;
    fill: #4f39ac;
    font-size: 18px;
    height: 100%;
    line-height: 20px;
    margin: 0 40px 0 0;
    padding: 0 0 0 40px;
    position: relative;
    width: 100%;
}

#home-privilege a .svg-icon.arrow {
    position: absolute;
    left: 20px;
    top: 46px;
}

.legend-body {
    padding: 10px 15px;
    position: relative;
    z-index: 2;
}

.legend-body h2.page-subtitle {
    font-size: 22px;
    font-weight: 700;
}

.legend-body a, .legend-body span {
    color: #1dadea;
}



/* === Testimonial Widget === */

#widget-home-testimonial {
    height: 397px;
    margin-bottom: 0;
    margin-top: -1px;
    padding-bottom: 14px;
    padding-top: 1px;
    width: 310px;
}

#widget-home-testimonial > div, #widget-home-testimonial > a {
    display: block;
    height: 382px;
    width: 300px;
}

#widget-home-testimonial > a.season_12 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/testimonial_couple_12.jpg) no-repeat;
}
#widget-home-testimonial > a.season_01 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/testimonial_couple_01.jpg) no-repeat;
}
#widget-home-testimonial > a.season_02 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/testimonial_couple_02.jpg) no-repeat;
}

#widget-home-testimonial > a.season_03 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/testimonial_couple_03.jpg) no-repeat;
}
#widget-home-testimonial > a.season_04 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/testimonial_couple_04.jpg) no-repeat;
}
#widget-home-testimonial > a.season_05 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/testimonial_couple_05.jpg) no-repeat;
}

#widget-home-testimonial > a.season_06 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/testimonial_couple_06.jpg) no-repeat;
}
#widget-home-testimonial > a.season_07 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/testimonial_couple_07.jpg) no-repeat;
}
#widget-home-testimonial > a.season_08 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/testimonial_couple_08.jpg) no-repeat;
}

#widget-home-testimonial > a.season_09 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/testimonial_couple_09.jpg) no-repeat;
}
#widget-home-testimonial > a.season_10 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/testimonial_couple_10.jpg) no-repeat;
}
#widget-home-testimonial > a.season_11 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/testimonial_couple_11.jpg) no-repeat;
}

#widget-home-testimonial img {
    background: #545454;
    height: 382px;
    width: 300px;
}


/* === Activity Widget === */

#widget-home-activity {
    height: 199px;
    margin-bottom: 0;
    margin-top: -1px;
    padding-bottom: 14px;
    padding-top: 1px;
    width: 186px;
}

#widget-home-activity > div, #widget-home-activity > a {
    display: block;
    height: 184px;
    width: 176px;
}

#widget-home-activity > a.season_12 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/activity_couple_12.jpg) no-repeat;
}
#widget-home-activity > a.season_01 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/activity_couple_01.jpg) no-repeat;
}
#widget-home-activity > a.season_02 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/activity_couple_02.jpg) no-repeat;
}

#widget-home-activity > a.season_03 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/activity_couple_03.jpg) no-repeat;
}
#widget-home-activity > a.season_04 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/activity_couple_04.jpg) no-repeat;
}
#widget-home-activity > a.season_05 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/activity_couple_05.jpg) no-repeat;
}

#widget-home-activity > a.season_06 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/activity_couple_06.jpg) no-repeat;
}
#widget-home-activity > a.season_07 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/activity_couple_07.jpg) no-repeat;
}
#widget-home-activity > a.season_08 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/activity_couple_08.jpg) no-repeat;
}

#widget-home-activity > a.season_09 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/activity_couple_09.jpg) no-repeat;
}
#widget-home-activity > a.season_10 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/activity_couple_10.jpg) no-repeat;
}
#widget-home-activity > a.season_11 {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/couples/activity_couple_11.jpg) no-repeat;
}

#widget-home-activity img {
    background: #545454;
    height: 184px;
    width: 176px;
}

#widget-home-activity .promo-legend .legend-body h2 {
    line-height: 1.45em;
}

#widget-community-stats .totalMembers {
    color: #333;
    font-size: 26px;
    letter-spacing: -1px;
    margin-bottom: 5px;
    clear: both;
}

#widget-community-stats .totalMembers span, #widget-community-stats .onlineMembers span {
    color: #333;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 36px;
}

#widget-community-stats .onlineMembers {
    color: #1dadea;
    font-size: 26px;
    letter-spacing: -1px;
}

/* === Search Widget === */

body.unlogged #search-container h3 {
    text-align: left;
    padding: 0 0 5px;
}

body.unlogged #search-container a {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    color: #1dadea;
}

#content-body > .mosaic-small {
    display: none;
}

#aside .search-container .rc-btn.btn-blue {
    width: 100%;
}
#aside .search-container .rc-btn.advanced_search, #aside .search-container #suggest-my-research {
    display: inline-block;
    width: 48%;
}

#aside .search-container .rc-btn.advanced_search, #aside .search-container #suggest-my-research a {
    color:#424242;
    background-color: white;
    border: 1px solid #b7b7b7;
    border-radius:20px;
    display: block;
    font-weight: 600;
    padding: 4px 20px;
    text-align: center;
}

#aside .search-container .rc-btn.advanced_search {
    margin: 10px 10px 0 0;
}


/* ================================================== */
/*               Registration Lightbox                */
/* ================================================== */

#registration {
    background-color: #EFF4F8;
    display: none;
    max-width: 830px;
    padding: 30px 20px 0px 20px;
    position: relative;
    width: 100%;
}

#profile_create_simple #registration {
    margin: 0px auto 20px auto;
    background-color: white;
    display: block;
    max-width: 620px;
    padding: 70px 70px 0px 70px;
    text-align: left;
}
#profile_create_simple .registrationWrapper{
    text-align: center;
}
#profile_create_simple .registrationWrapper .notice{
    background-color: #1dadea;
    margin: 10px 0;
    padding: 10px 0;
}
#profile_create_simple .registrationWrapper .notice span{
    font-size: 32px;
    font-family: 'Source Sans Pro', sans-serif;
    color: white;
}
#profile_create_simple {
    background-image: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/mosaique.jpg);
    background-position: 0px 5px;
    background-repeat: no-repeat;
    background-size: cover;
}

#profile_create_simple #main-container #content {
    display: none;
}
#profile_create_simple .modal #registration,
#profile_create_simple #registration .closeRegistration {
    display: none;
}
    #registration.show {
        display: block;
    }

    #registration .closeRegistration {
        cursor: pointer;
        display: block;
        height: 16px;
        position: absolute;
        right: 10px;
        top: 10px;
        width: 16px;
    }
      
    #registration .closeRegistration:before, 
    #registration .closeRegistration:after {
        position: absolute;
        left: 6px;
        content: ' ';
        height: 16px;
        width: 2px;
        background-color: #000;
    }
    
    #registration .closeRegistration:before {
        transform: rotate(45deg);
    }
      
    #registration .closeRegistration:after {
       transform: rotate(-45deg);
    }

    #registration .header {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-bottom: 15px;
    }

        #registration .logo {
            width: 100px;
        }

        #registration .header p {
            color: #1DADEA;
            font-size: 20px;
            padding: 0;
        }

    #registration .error {
        color: #f24138;
        font-size: 13px; 
        padding: 5px 0 0;   
    }

    #registration input[disabled], #registration select[disabled] {
        background: #f4f4f4;
    }

    #registration .rc-select-container-single {
        margin: 0;
    }

    #registration .rc-select-container .rc-select-results {
        max-height: 158px;
    }

    #registration .txtConditions {
        font-size: 14px;
        color: #424242;
        margin-top: 15px;
        margin-left: 20px;
    }

    #registration .footer {
        text-align: center;
        line-height: 27px;
        padding-bottom: 20px;
        display: inline-block;
        font-size: 14px;
    }

    /* Facebook */
    
    #registration .facebook-header {
        display: flex;
        margin: 30px auto;
        max-width: 380px;
    }

    #registration .facebook-header a {
        margin: 0;
    }

    #registration .fb-icon {
        flex: 0 1 48px;
    }

    #registration .rc-btn-facebook {
        flex: 1 1 auto;
    }

    #registration .slashline, #authentication .slashline {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    #registration .slashline {
        margin: 20px 0;
    }

    #authentication .slashline {
        margin: 10px 0;
    }

    #registration .slashline span, #authentication .slashline span {
        background-color: #EFF4F8;
        color: #96959c;
        padding: 0 7px;
        height: 24px;
    }

    #profile_create_simple #registration .slashline span {
        background-color: #fff;
    }

    /* Form */

    #registration .fieldset.success .rc-select-single {
        border-color: #2cbcb3;
    }

    #registration .fieldset.error .rc-select-single {
        border-color: #f24138;
    }

    #registration .rc-select-container-single .rc-select-single {
        background: white;
        border-width: 1px;
        font-size: 16px;
    }

    #registration label {
        font-size: 16px;
        font-weight: 400;
    }

    #registration .rc-form-field {
        width: 100%;
    }

    #registration input {
        margin: 0;
        text-overflow: ellipsis;
    }

        #registration input.success {
            border: 1px solid #2cbcb3;
            color: #2cbcb3;
        }

    #registration .fieldset {
        margin-bottom: 15px;
    }

    #registration .fieldset.error input {
        border: 1px solid #f24138;   
    }

    #registration .email-field .field-wrapper {
        position: relative;
    }

    #registration .fieldset svg {
        display: none;
        fill: #2cbcb3;
        height: 13px;
        width: 13px;
        display: none;
        margin-top: -6.5px;
        position: absolute;
        right: 5px;
        top: 50%;
    }

    /* Postcode and City */
    #registration .citySelect {
        display: none;
    }

    #registration #citySelect {
        -moz-appearance:none;
        -webkit-appearance:none;
        appearance:none;
        font-size: 16px;
        height: 40px;
        padding: 0 10px;
        width: 100%;
    }

    /* Birthday */

    #registration .birthdate-selector .placeholder {
        color: #999;
        font-size: 13px;
        padding: 0;
    }
    
    #registration .birthdate-selector .error {
        padding: 0;
    }
    
    #registration .birthdate-selector.error .rc-select-single,
    #registration .sex.error .rc-select-single,
    #registration .orientation.error .rc-select-single {
        border: 1px solid #f24138;
        font-size: 16px;
    }

    #registration .birthday-select {
        display: flex;
        justify-content: space-between;
    }

    #registration .birthday-select .rc-form-field {
        flex: 1 1 auto;
    }

    #registration .birthday-select #register-year {
        flex: 1 0 40%;
    }

    #registration .birthday-select #register-month {
        margin: 0 10px;
    }

    #registration .receive-emails label {
        font-size: 12px;
        line-height: 1.2em;
        padding-left: 20px;
        position: relative;
    }

    #registration .receive-emails input, #registration .receive-emails .checkbox {
        left: 0;
        position: absolute;
        top: 2px;
    }

    #registration .validateRegistration {
        display: block;
        font-size: 20px;
        margin: 15px auto 0;
        max-width: 380px;
        padding: 6px 0 8px;
        transition: .5s all;
        width: 160px;
    }

    #registration .validateRegistration[disabled] {
        background: #1dadea;
        opacity: 0.6;
    }

    #registration .rc-select-container .rc-select-results .active-result {
        color: #000;
    }



/* ================================================== */
/*                   Registration                     */
/* ================================================== */

#registration-wrapper .timeline {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/profile/profile.header.sep.png) left bottom repeat-x;
    padding: 10px 0;
    position: relative;
    width: 100%;
}

#profile_create #registration-wrapper fieldset,
#profile_create #registration-wrapper form fieldset {
    padding: 10px 0 0 0;
}

#profile_create #registration-wrapper h2 {
    color: #1c1c1c;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: -0.75px;
    line-height: 32px;
    margin: 0 0 25px;
}

#profile_create #registration-wrapper label {
    font-weight: 400;
}

#profile_create #registration-wrapper .form-field-separator {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/profile/profile.header.sep.png) left bottom repeat-x;
    padding: 10px;
    display: block;
}

#profile_create #registration-wrapper #disclaimer {
    margin-top: 12px;
}

#profile_create #registration-wrapper fieldset .error {
    margin-bottom: 10px;
}

/* Progress registration bar */

#profile_create #registration-wrapper .wrapper .blueprogress {
    background-color: #1dadea;
    border: 1px solid #a1a1a1;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 5;
}

#profile_create #registration-wrapper .wrapper .bkprogress {
    background-color: white;
    border: 1px solid #a1a1a1;
    height: 8px;
    position: relative;
    width: 100%;
    z-index: 3;
}

#profile_create #registration-wrapper .timeline span label,
#profile_create #registration-wrapper .timeline p label {
    color: #1dadea;
    display: inline-block;
    font-weight: 400;
    padding: 10px 0 0;
    text-align: center;
    width: 33%;
    float: left;
}

#profile_create #registration-wrapper .timeline span label:first-child,
#profile_create #registration-wrapper .timeline p label:first-child {
    padding:10px 0 0;
}

#profile_create #registration-wrapper .timeline span label.disabled,
#profile_create #registration-wrapper .timeline p label.disabled {
    color: #999;
    display: inline-block;
}

#profile_create #registration-wrapper .inner .timeline span.timeline-label,
#profile_create #registration-wrapper .inner .timeline p {
    background-color: #f2f4f7;
    min-height: 85px;
    position: relative;
}

.rc-btn-facebook, 
.rc-btn-facebook:active  {
    background-color: #29529f;
    color: white;
    display: inline-block;
    float: left;
    font-size: 16px;
    height: 39px;
    line-height: 39px;
    margin: 5px 0 20px 0;
    text-align: center;
    width: 156px;
}

/* I am... Male, female, couple */

.gender-icon-container {
    border-radius: 100%;
    display: none;
    height: 146px;
    overflow: hidden;
    padding-top: 15px;
    width: 146px;
}

.gender-icon-container .gender-icon {
    max-height: 100%;
    max-width: 100%;
}

.gender-selector li:first-child > .gender-icon-container {
    background-color: #22a0d8;
}

.gender-selector li:first-child > .gender-icon-container .gender-icon {
    fill: #175c99;
}

.gender-selector li > .gender-icon-container {
    background-color: #2bbbb3;
    cursor: pointer;
    margin: 0 auto 20px;
}

.gender-selector li > .gender-icon-container .gender-icon {
    fill: #258789;
}

.gender-selector li:last-child .gender-icon-container {
    background-color: #7575e0;
}

.gender-selector li:last-child .gender-icon-container .gender-icon {
    fill: #3b23a3;
}

a.terms-conditions, a.politiques-confidentialites, p.youSel > a {
    color: #1dadea;
}

#registration-wrapper .timeline p label.clickable {
    color: #545454;
    cursor: pointer;
}

#registration-wrapper form {
    display: none;
    min-width: 100%;
    padding-bottom: 40px;
}

.headerHidden #registration-wrapper form {
    padding-bottom: 0;
}

#registration-wrapper form label.placeholder {
    color: #999;
    left: 1px;
    position: absolute;
    top: 1px;
}

#registration-wrapper form fieldset p.details {
    clear: both;
    color: #999;
    left: 1px;
    position: relative;
    top: 5px;
}

#registration-wrapper fieldset div.error, #registration-wrapper fieldset div.error p {
    color: #f24138;
    position: relative;
}

#registration-wrapper fieldset.error .rc-select-single {
    border: 1px solid #f24138;
}

#registration-wrapper fieldset div.error {
    display: none;
    padding: 5px 0 10px 1px;
}

#registration-wrapper fieldset.error .rc-form-field input {
    border: 1px solid #F43B3B;
}
 #registration-wrapper form fieldset input[type=text]:-ms-input-placeholder {
    color:#999;
}

#registration-wrapper form .layer {
    background: #fff;
    display: none;
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20;
}

#registration-wrapper form .rc-select-single {
    height: 28px;
    padding: 5px 10px 4px;
}

#registration-wrapper form .field-wrapper {
    display: block;
    position: relative;
}

#registration-wrapper form .field-wrapper input {
    border: 1px solid #ababab;
    height: 36px;
    line-height: 36px;
    margin: 0;
    padding: 0 5px;
    top: 0;
    width: 100%;
}

#profile_create #registration-wrapper form .field-wrapper input {
    height: 33px;
}

#registration-wrapper form  #almost-done-container {
    padding:25px 0 0 0;
}

#registration-wrapper .facebook-header {
    display: inline-block;
    margin-top: 0;
    width: 100%;
}

#registration-wrapper .inner .timeline p label {
    font-size: 14px;
}

#registration-wrapper .facebook-sep {
    font-size: 14px;
    margin: 23px 0 21px;
}

#registration-wrapper .facebook-sep span {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/profile/profile.header.sep.png) repeat-x left bottom;
    display: inline-block;
    height: 2px;
    margin: 0 0 2px;
    width: 42%;
}

#registration-wrapper .facebook-sep span.sep-label {
    background: none;
    font-size: 16px;
    height: 18px;
    padding: 0 7px;
    width: auto;
}


.receive-emails {
    margin-top: 18px;
    position: relative;
}

.receive-emails input {
    left: -3px;
    position: absolute;
    top: 2px;
}

.error .gender-selector, .error .orientation-selector, .error .cities-selector {
    border: 2px solid #f24138;
}

.error .orientation-selector + div, .error .cities-selector + div {
    padding: 8px 0 10px 8px;
    position: relative;
}

.cities-selector {
    margin-top: -5px;
}

.city-selector .rc-form-field {
    padding-left: 0;
    width: 260px;
}

.cp-selector .rc-form-field {
    width: 125px;
}

.age-selector .rc-form-field {
    float: left;
    max-width: 150px;
    width: 40px;
}

.age-selector .rc-form-field + .rc-form-field + .rc-form-field {
    width: 60px;
}

/* Inscription facebook */

#registration-wrapper form.fb fieldset.orientation {
    padding: 0 0 18px;
}

#registration-wrapper form.fb .rc-form-field {
    margin: 0;
}

#registration-wrapper form.fb .rc-form-field#register-month {
    margin: 0 10px;
}

#registration-wrapper form.fb .field-wrapper {
    padding: 0 2px;
    width: 60px
}

#registration-wrapper form fieldset p.details {
    padding: 10px 0 20px;
}

#registration-wrapper form.fb .field-wrapper.birthday {
    width: 100%;
}

#registration-wrapper form.fb .nickname-selector .field-wrapper {
    width: 170px;
}

#registration-wrapper form.fb .cp-selector .field-wrapper {
    float: left;
    width: 100px;
}

#registration-wrapper form.fb .cp-selector .city-selector .field-wrapper {
    display: inline-block;
    margin-left: 10px;
    width: 170px;
}

#registration-wrapper form.fb .cities-selector {
    display: inline-block;
    float: left;
    margin-top: 0;
    padding-right: 10px;
}

#registration-wrapper form.fb .cities-selector label {
    padding-top: 4px;
}

#registration-wrapper form.fb .cities-selector li {
    width: 100%;
}

#registration-wrapper form.fb .city-selector label.codePostal {
    display: inline;
    float: left;
    margin: 0;
    padding: 6px 0 0 20px;
    text-align: right;
}

#registration-wrapper form.fb ul li input[type="radio"] {
    top: 2px;
}

#registration-wrapper form.fb ul li input[type="radio"].invisible {
    display: none;
}

#registration-wrapper input[name="newsletter"] {
    vertical-align: top;
}

#registration-wrapper form.fb #fb-register-orientation.rc-form-field {
    float: none;
    width: 100%;
}

#registration-wrapper form.fb #fb-register-sex.rc-form-field {
    float: none;
    width: 100%;
}

#registration-wrapper form.fb #fb-register-sex.rc-form-field .rc-select-container, #registration-wrapper form.fb #fb-register-orientation.rc-form-field .rc-select-container {
    min-width:100%;
    width: 100%;
}

#registration-wrapper form.fb fieldset.error div.error {
    display: inline-block;
    padding: 9px 0 2px 3px;
}

form.fb fieldset, form.stp4 fieldset {
    background: none;
    padding-bottom: 15px;
}

fieldset .error br {
    display: none;
}

form.fb fieldset h2, form.stp4 fieldset h2 {
    padding-bottom: 5px;
}

form.fb fieldset > div > div:first-child, form.stp4 fieldset > div > div:first-child {
    position: relative;
    width: 300px;
}

form.fb fieldset > div > div:first-child {
    width: 100%;
}

form.fb fieldset > div > div:first-child .svg-icon, form.stp4 fieldset > div > div:first-child .svg-icon {
    display: block;
    fill: #2cbcb3;
    height: 13px;
    width: 13px;
    display: none;
    margin-top: -6.5px;
    position: absolute;
    right: 5px;
    top: 50%;
}


form.fb fieldset.valid p.details, form.fb fieldset.valid .rc-form-field .field-wrapper input, form.stp4 fieldset.valid p.details, form.stp4 fieldset.valid .rc-form-field .field-wrapper input {
    color: #35bab2;
    padding-right: 20px !important;
}

form.fb fieldset.valid .rc-form-field .field-wrapper input::-ms-clear,
form.stp4 fieldset.valid .rc-form-field .field-wrapper input::-ms-clear {
    display: none;
}

form.fb fieldset div.error, form.stp4 fieldset div.error {
    line-height: 125%;
    padding-bottom: 0;
}

form.fb fieldset div.error h4, form.stp4 fieldset div.error h4 {
    font-family: Arial, Verdana, sans-serif;
    font-size: 13px;
    font-weight: 700;
    padding-bottom: 4px;
}

form.fb fieldset div.error ul li, form.stp4 fieldset div.error ul li {
    line-height: 100%;
}

form.fb fieldset div.error ul li a, form.stp4 fieldset div.error ul li a {
    color: #00a553;
    font-size: 12px;
}

form.fb fieldset div.error ul li a:hover, form.stp4 fieldset div.error ul li a:hover {
    color: #00a553;
}

form.fb fieldset + fieldset + fieldset > div.clearfix + div label, form.stp4 fieldset + fieldset + fieldset > div.clearfix + div label {
    line-height: 1.4em;
    padding-top: 0;
}

form.fb fieldset + fieldset + fieldset + p, form.stp4 fieldset + fieldset + fieldset + p {
    padding-bottom: 20px;
    padding-top: 12px;
}

#policy-privacy.modal .modal-body, #terms-conditions.modal .modal-body {
    height: 420px;
    overflow-y: auto;
}

#terms-conditions.modal .modal-body, .ecom #readme .modal-body {
    padding-top: 0;
}

#terms-conditions.modal .modal-body, .ecom #cc-legal-terms .modal-body {
    padding-top: 0;
}

#policy-privacy.modal .modal-body h6, #terms-conditions.modal .modal-body h6 {
    font-size: 14px;
}

#policy-privacy.modal .modal-body p + h6, #terms-conditions.modal .modal-body p + h6 {
    margin-top: 10px;
}


#registration-wrapper form.visible, #registration-wrapper form fieldset.error div.error, #registration-wrapper form .layer.active {
    display: block;
    clear: both;
}

.age-selector .rc-form-field + .rc-form-field, .age-selector .rc-form-field + .rc-form-field select {
    width: 130px;
}

form.fb fieldset.valid > div > div:first-child .icon, form.stp4 fieldset.valid > div > div:first-child .icon,
form.fb fieldset.valid > div > div:first-child .svg-icon, form.stp4 fieldset.valid > div > div:first-child .svg-icon {
    display: inline-block;
}


#registration-wrapper .connect {
    display: inline-block;
    margin: 0 0 20px 0;
    position: relative;
    top: 20px;
}




/* ================================================== */
/*                     Search                         */
/* ================================================== */

#search #main-container #content {
    padding: 35px 0;
}

/* Top Search */

#topsearch {
    padding: 0 0 15px 0;
    position: relative;
}

#topsearch p.title {
    display: inline-block;
    font-size: 30px;
    font-weight: 300;
    line-height: 1em;
    margin: 0 0 5px;
    padding: 0 10px;
}

#search.unlogged #topsearch .form-field-collapse#form-fields label.add-label, #search #topsearch .form-field-collapse#form-fields label.add-label {
    height: 40px;
    line-height: 24px;
    padding: 6px 8px;
}

#search.unlogged #topsearch .form-field-collapse#form-fields label b.add-filter, #search #topsearch .form-field-collapse#form-fields label b.add-filter {
    background: #1dadea;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 22px;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    margin: 1px 5px 0 0;
    text-align: center;
    width: 24px;
}

#search #topsearch .checkbox-wrapper input, .radio-wrapper input {
    margin: 6px 0 5px;
}

#search #topsearch ul#savedSearch li {
    padding: 7px 8px 5px;
}

/* First Labels */

#topsearch .rc-form-field .level > label:first-child  {
    padding: 2px 5px 0;
}

#topsearch .rc-form-field > label:first-child  {
    padding: 8px 32px 8px 8px;
}

#topsearch .rc-form-field.select-closable > label:first-child  {
    padding-right: 44px;
}

#topsearch .rc-select-container-single .rc-select-single span {
    padding-right: 36px;
}

#topsearch .rc-form-field#orientation-custom > label:first-child, 
#topsearch .rc-form-field#geolocation-custom > label:first-child,
#topsearch .rc-form-field#age-custom > label:first-child,
#topsearch .rc-form-field#sexe-custom > label:first-child {
    padding: 8px 32px 8px 8px;
    width: 100%;
}

#topsearch .rc-form-field#geolocation-custom label.region, #topsearch .rc-form-field#geolocation-custom label.postcode {
    padding: 10px 0 10px 8px;
}

#search #topsearch .rc-form-field#geolocation-custom ul.selector li:first-child .rc-form-field#custom-region ul li input,
#search #topsearch .rc-form-field#geolocation-custom ul.selector li:first-child .rc-form-field#custom-category ul li input {
    margin: 1px 0 0 8px;
}

#search #topsearch .rc-form-field#geolocation-custom ul.selector li:first-child .rc-form-field#custom-region ul li label,
#search #topsearch .rc-form-field#geolocation-custom ul.selector li:first-child .rc-form-field#custom-category ul li label {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

#search #topsearch .rc-form-field#geolocation-custom .city-wrapper ul.city-list li ul li label,
#search #topsearch .rc-form-field#geolocation-custom .city-wrapper ul.interests-list li ul li label {
    font-weight: 400;
    height: auto;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#search #topsearch .rc-form-field#geolocation-custom .city-wrapper ul.city-list li ul li input,
#search #topsearch .rc-form-field#geolocation-custom .city-wrapper ul.interests-list li ul li input {
    margin: 1px 0 0 8px;
}

#search #topsearch #custom-ville .city-wrapper ul.city-list li.level, 
#search #topsearch #interests-custom .checkbox-wrapper ul.custom-interests-list li.level {
    padding: 8px 0;
}

#search #topsearch #interests-custom .checkbox-wrapper ul.custom-interests-list li.level ul {
    border-top: 1px solid #ababab;
    margin-top: 8px;
}

#search #topsearch #custom-ville .city-wrapper ul.city-list li.level input,
#search #topsearch #custom-ville .city-wrapper ul.interests-list li.level input {
    margin: 5px 0 0 5px;
}

#search #topsearch #form-fields .field-wrapper.checkbox-wrapper ul li {
    padding: 8px 10px;
}

#search #topsearch #interests-custom.form-field-collapse > label > span {
    right: 25px;
}

#custom-interests.disabled .field-wrapper-container {
    display: none;
}

/* General */

#search h1 {
    padding: 0 10px;
}

#search h2 {
    font-size: 30px;
    line-height: 30px;
    padding: 30px 10px;
}
#search #modal-auth h2 {
    font-size: 23px;
    margin-bottom: 15px;
    padding: 0;
}
#search .notice.info h2 {
    font-size: 20px;
    padding: 0 0 5px 65px;
}
#search .select-list-filter {
    clear: both;
    float: none; 
    height:0;
    overflow: hidden;
}
.search-buttons {
    margin: 20px 10px;
}
.search-buttons div {
    display: inline-block;
    margin-top: 15px;
}
.search-buttons .btn-blue {
    display: block;
    padding: 6px 20px;
}

.search-buttons .btn-white {
    margin: 10px 7px 0 0;
}

#expand.mobileOnly {
    display: block;
}

#expand.mobileOnly span.plus, #expand.mobileOnly.open span.less {
    background: #1dadea;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 22px;
    font-weight: 700;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px;
}

#expand.mobileOnly.open span.less {
    font-size: 30px;
    line-height: 18px;
}

#expand.mobileOnly.open span.plus, #expand.mobileOnly span.less {
    display: none;
}

#expandableSearch {
    display: none;
    margin: 15px 0 0;
    overflow: visible !important;
}

label.region, label.postcode {
    border: none;
}

#search #slist {
    margin: 20px 0;
}

#search .rc-form-field#form-fields input, #search .rc-form-field#form-fields input {
    display: none;
}

#search .field-wrapper-container #custom-code-postal input, #search .field-wrapper-container .proximity-select select {
    height: 40px;
    width: 110px;
}

#search fieldset .postcode-content .proximity-select .rc-select-custom select {
    height: 36px;
    max-width: 110px;
    padding: 0 15px 0 5px;
}

@media all and (-ms-high-contrast:none)
     {
     #search fieldset .postcode-content .proximity-select .rc-select-custom select { padding: 5px 10px; } /* IE10 */
     *::-ms-backdrop, #search fieldset .postcode-content .proximity-select .rc-select-custom select { padding: 5px 10px; } /* IE11 */
     }

#age-custom .form-field-collapse .field-wrapper-container .field-wrapper {
    padding: 10px;
}

/* Geolocation */

#search .rc-form-field#geolocation-custom ul.selector li {
    float: left;
    width: 110px;
}

#search .rc-form-field#geolocation-custom ul.selector li + li {
    width: 120px;
}

#search .rc-form-field#custom-region, #search .rc-form-field#custom-ville,
#search .rc-form-field#custom-category {
    display: block;
    margin: 0 10px 10px 10px;
    width: 275px;
}

#search .rc-form-field#custom-category {
    margin:10px;
}

#search .rc-form-field#custom-interests {
    width: 275px;
}

#search .rc-form-field#custom-region .region-wrapper, #search .rc-form-field#custom-ville .city-wrapper,
#search .rc-form-field#custom-category .region-wrapper {
    height: 250px;
    overflow: auto;
}

#search .rc-form-field#custom-ville .city-wrapper {
    border-bottom: 1px solid #ababab;
}


#search .rc-form-field#custom-ville.disabled, #search .rc-form-field#custom-interests.disabled {
    cursor: none;
    opacity: 0.3;
}

#search .rc-form-field#geolocation-custom ul.selector li:first-child .rc-form-field#custom-region ul li,
#search .rc-form-field#geolocation-custom ul.selector li:first-child .rc-form-field#custom-category ul li {
    width: auto;
    float: inherit;
    display: block;
}

#search .rc-form-field#geolocation-custom ul.selector li:first-child .rc-form-field#custom-region ul li input,
#search .rc-form-field#geolocation-custom ul.selector li:first-child .rc-form-field#custom-category ul li input {
    margin: 12px 0 0 8px;
}

#search .rc-form-field#geolocation-custom ul.selector li:first-child .rc-form-field#custom-region ul li label,
#search .rc-form-field#geolocation-custom ul.selector li:first-child .rc-form-field#custom-category ul li label  {
    width: 80%;
}

.lessthan {
    display: none;
}

.postcode-content {
    display:none;
    left: 10px;
    position: absolute;
    width: 245px;
}

#search .rc-form-field#custom-code-postal span {
    border: none;
}


@media all and (-ms-high-contrast:none) {
    #search .rc-form-field#custom-code-postal label.placeholder-label {
        border: none;
        padding: 0;
    }
}

@supports (-ms-accelerator:true) {
    #search .rc-form-field#custom-code-postal label.placeholder-label {
        border: none;
        padding: 0;
    }
}

#search .rc-form-field#custom-code-postal label.placeholder-label {
    border: none;
    padding: 0;
}

.proximity-select {
    display: inline-block;
    margin: 0 0 10px 0;
    width: 110px;
}

#search .rc-form-field#geolocation-custom .city-wrapper .checkbox-wrapper,
#search .rc-form-field#interests-custom .checkbox-wrapper {
    height: 248px;
    overflow: auto;
}

#search .rc-form-field#geolocation-custom .city-wrapper .checkbox-wrapper ul li,
#search .rc-form-field#interests-custom .city-wrapper .checkbox-wrapper ul li {
    height: auto;
    width: 100%;
}

#search .rc-form-field#geolocation-custom .city-wrapper .checkbox-wrapper ul li label, 
#search .rc-form-field#interests-custom .checkbox-wrapper ul li.level > label  {
    font-weight: 700;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    white-space: nowrap; 
    width: 100%;
}

#search .rc-form-field#geolocation-custom .city-wrapper ul.city-list li ul,
#search .rc-form-field#geolocation-custom .city-wrapper ul.interests-list li ul {
    padding:10px 0 0;
}

#search .rc-form-field#geolocation-custom .city-wrapper ul.city-list li ul li:first-child,
#search .rc-form-field#interests-custom ul.interests-list li ul li:first-child {
    border-top: 1px solid #ababab;
}

#search .rc-form-field#geolocation-custom .city-wrapper ul.city-list li ul li input,
#search .rc-form-field#geolocation-custom .city-wrapper ul.interests-list li ul li input {
    margin: 11px 0 0 8px;
}

#search fieldset .postcode-content .rc-select-custom label {
    display: none;
}

@-moz-document url-prefix() { 
    #search .rc-form-field#geolocation-custom .city-wrapper .checkbox-wrapper ul li label {
        width: 82%;
    }
    #search #geolocation-custom.rc-form-field .city-wrapper ul.city-list li ul li label,
    #search #geolocation-custom.rc-form-field .city-wrapper ul.interests-list li ul li label {
        height: 33px;
    }
}

/* Age */

#search .rc-form-field#age-custom .field-wrapper .rc-form-field {
    display: inline-block;
    margin: 0 10px 20px 10px;
    min-width: 0;
    vertical-align: middle;
    width: 36px;
}

#search .rc-form-field#age-custom input {

}

#search .form-field-collapse .field-wrapper-container .field-wrapper p {
    padding: 8px;
}

#search.unlogged .rc-form-field#age-custom .field-wrapper .rc-form-field {
    display: inline-block;
}

#search .rc-form-field#age-custom .field-wrapper span {
    display: inline-block;
    margin-bottom: 20px;
    vertical-align: middle;
}

/* Filtre */

#search fieldset .rc-form-field {
    display: block;
    font-size: 16px;
    margin: 0 10px 10px;
    vertical-align: top;
}

#search fieldset .postcode-content .rc-form-field {
    display: inline-block;
    margin-right: 10px;
    min-width: 110px;
    width: 110px;
}

#search .form-field-collapse .field-wrapper-container.filtre .field-wrapper {
    height: 300px;
}

#search .form-field-collapse#form-fields .field-wrapper-container.filtre .field-wrapper {
    overflow: auto;
}

#search .base-fields {
    font-size: 0; /* Get rid of extra space */
}


/* Liste résultats */

#search .rc-result-list {
    margin: 0 auto;
    min-height: 280px;
    width: 300px;
}

#search .person-result {
    margin: 20px 0;
    max-width: 300px;
    position: relative;
}

#search .searchIcons {
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 82px;
}

#search .searchIcons .goto-mailbox {
    display: block;
}

#search .person-result .infos li {
    height: 19px;
}

#search .person-result .infos .location {
    padding: 0;
}

#search .person-result .infos .location .svg-icon {
    height: 18px;
    margin: 0;
    vertical-align: bottom;
    width: 12px;
}

#search .person-result .infos a.chat .svg-icon {
    display: block;
    height: 20px;
    margin: 0;
    width: 19px;
}

#search .person-result .media, #search .person-result .infos {
    display: block;
    position: relative;
}

#search .person-result .media {
}

#search .person-result a.camera {
    background: #fff;
    border-radius: 10px;
    bottom: 4px;
    font-size: 14px;
    padding: 4px 10px;
    position: absolute;
    right: 4px;
    vertical-align: top;
}

#search .person-result .icon.camera,
#search .person-result .svg-icon.camera,
#search .person-result .photoNum {
    vertical-align: middle;
}

.online {
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    text-indent: -1000px;
    vertical-align: middle;
    width: 20px;
}

#search .person-result .media .online {
    position: absolute;
    right: 3px;
    top: 3px;
}
#profile_detail .online {
    display: inline-block;
    height: 18px;
    vertical-align: middle;
    width: 18px;
}

#search .person-result .infos {
    height: 67px;
    margin-top: 5px;
    overflow: hidden;
}

#search .person-result .infos.descExpended {
    background: #fff;
    -moz-box-shadow: 0 12px 15px -8px rgba(128,128,128, 0.2);
    -webkit-box-shadow: 0 12px 15px -8px rgba(128,128,128, 0.2);
    box-shadow: 0 12px 15px -8px rgba(128,128,128, 0.2);
    padding-bottom: 10px;
    position: absolute;
    z-index: 1;
}

#search .person-result .infos ul li {
    display: inline-block;
    margin: 0 0 0 5px;
    vertical-align: middle;
}

#search .person-result .infos ul li a,
#search .person-result .infos ul li a svg {
    display: block;
}

#search .infos .description {
    clear: both;
    margin: 3px 0 0;
    padding: 0;
}

#search .person-result img {
    float: none;
    height: 225px;
    margin: 0;
    width: 300px;
}

#search .person-result .infos a.nickname,
#search .person-result .media a {
    color:#000;
    display: block;
    font-weight: 700;
}

#search .person-result .infos .nickname {
    font-size: 18px;
    padding-right: 85px;
}

#search .breadcrumbDescription {
    max-height: 2.8em;
}

#search .person-result .infos .searchBreadcrumb {
    line-height: 1.3em;
    min-height: 42px;
    padding: 0 82px 0 0;
}

.infos .searchBreadcrumb a {
    color: #000;
}

#search .breadcrumbDescription .toggle {
    color: #1dadea;
    display: none;
}

#search .person-result .infos.descExpended .toggle {
    display: inline-block;
}

#search .breadcrumbDescription.opened .toggle .viewMore,
#search .breadcrumbDescription .toggle .viewLess {
    display: none;
}

#search .breadcrumbDescription .toggle .viewMore,
#search .breadcrumbDescription.opened .toggle .viewLess {
    display: inline;
}

#search .field-wrapper.checkbox-wrapper ul li.checked label {
    color: #ababab;
}

.field-wrapper.checkbox-wrapper ul li:last-child {
    border: none;
}

/* Ads */
.bigAdBlock {
    margin: 20px 0;
    width: 300px;
}

.bigAdBlock img {
    float: none;
    margin: 0;
}

#search #advertisements {
    margin-right: 10px;
}


/* Size */

#search .rc-form-field#taille-custom .rc-select-custom {
    display: inline-block;
    margin: 0 5px 10px 10px;
}
#search .rc-form-field#taille-custom .rc-select-custom select {
    padding: 8px;
}

#search .rc-form-field#taille-custom .rc-select-custom label {
    display: none;
}

/* Keywords */

#search .rc-form-field#mots-cles-custom .field-wrapper span {
    display: block;
    font-size: 14px;
    padding: 8px;
}

#search .rc-form-field#mots-cles-custom .field-wrapper input {
    width: 100%;
}

#search .rc-form-field#mots-cles-custom .field-wrapper.keywords-field {
    min-height: 90px;
}

.field-wrapper.keywords-field .keywords {
    padding: 0 10px;
}

.search-body #modal-search form .rc-form-field .field-wrapper {
    margin-bottom: 10px;
}

.search-body #modal-favorites.error {
    margin-left: -200px;
    max-width: 400px;
}

.search-body #modal-favorites.error p {
    margin-bottom: .35em;
}

.search-body #content .toolbar {
    background: rgba(255,255,255,0.4);
    height: 15px;
    line-height: 15px;
    padding: 3px 10px;
    position: absolute;
    right: 0;
    top: 60px;
    z-index: 1000;
}

/* Saved Search test  */

.saved-block {
    display: block;
    margin: 10px 10px 0;
    position: relative;
}

a.saved-search {
    border: 1px solid #ababab;
    color:#000;
    display: block;
    padding: 8px;
    width: 100%;
}

a.saved-search span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2MDdiNDNkZS05YjdkLTQwZWQtYjkxZi00YWNhMWYxZGYzZTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDVCOEUzQjVBOUE1MTFFNThBRUJBNzI3MDZCM0M4REIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDVCOEUzQjRBOUE1MTFFNThBRUJBNzI3MDZCM0M4REIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NWFiYWVlZC1hZGRjLTQzMzEtYWM2Mi1hY2MxZGQ2N2UxY2EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjA3YjQzZGUtOWI3ZC00MGVkLWI5MWYtNGFjYTFmMWRmM2U3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4nKmUgAAAKVJREFUeNpicfII2sfAwFC2b8e6MwxEAKB6EyDVxQQkGoB4LVBAhwhNIDVrQXoYoQIeQGoaELsBbb6DQ5MKkNoFxFlANTsYkSSCgVQ7iAmUeIKmSQZIgbxUCZQD2cjAiKYgHuRfIHYAKngNFRMFUgdA/gKKLYSpZcTipBwglQTEjlCh/UA8D6hpCrI6Rhz+qQJS3lDuVqCmNgZiAVBzBwjjkgcIMABamDbYoK4BFQAAAABJRU5ErkJggg==) no-repeat;    
    display: inline-block;
    float: right;
    height: 8px;
    margin: 8px 2px 0 0;
    width: 14px;
}

ul#savedSearch {
    border-bottom: 1px solid #ababab;
    border-left: 1px solid #ababab;
    border-right: 1px solid #ababab;
    display: none;
    position: absolute;
    width: 100%;
    z-index: 999;
}

ul#savedSearch li {
    background: white;
    border-bottom: 1px solid #ababab;
    line-height: 1em;
    padding: 8px;
    position: relative;
    width: 100%;
}

ul#savedSearch li > a {
    color: #000;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 94%;
    white-space: nowrap;
}

ul#savedSearch li .delete {
    height: 16px;
    margin: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px;
}

ul#savedSearch li .delete a {
    display: block;
}

ul#savedSearch li .delete a .error-icon-container {
    border-width: 1px;
    display: block;
    width: 16px;
    height: 16px;
}

ul#savedSearch li .delete a .svg-icon {
}


/* Interests */

#chooseInterest-custom #custom-category, #chooseInterest-custom #custom-interests {
    margin: 10px 0 10px 10px;
    width: 230px;
}

#chooseInterest-custom #custom-interests.disabled {
    cursor: none;
    opacity: 0.3;
}
#search #topsearch #chooseInterest-custom.form-field-collapse > label > span {
    right: 25px;
}
#search #topsearch #chooseInterest-custom .form-field-collapse .field-wrapper-container > .field-wrapper {
    height: 248px;
    overflow-y: scroll;
}

/* ================================================== */
/*                  Static Pages                      */
/* ================================================== */

/* === Font === */

#webcam_rules h2, #webcam_fares h2 {
    font-size: 30px;
    font-weight: 400;
    margin: 0 0 15px 0;
    padding: 20px 0 10px;
}

#webcam_presentation h2 {
    color: #1dadea;
    font-size: 40px;
    font-weight: 300;
    letter-spacing: -0.4px;
    margin: 30px 0;
}

#webcam_presentation h3 {
    color: #000;
    padding: 0 0 20px;
}

#webcam_presentation h4, #webcam_fares h4, #static_mobile h4, .more-advantages h4, .more-advantages h4 {
    color: #3b23a3;
    font-size: 38px;
    font-weight: 400;
    letter-spacing: -0.38px;
    line-height: 38px;
    padding: 20px 0;
    text-align: center;
}

#webcam_rules h3 { 
    color: #424242;
    font-size: 20px;
    font-weight: 700;
    margin: 20px 0;
    padding: 15px 0 0;
}
#webcam_rules #aside h3 { 
    background: none;
}

.practicle h2, .theoric h2, .ethic h2, .mobile h2, .advantage h2, .ranking-content h2, .selection-content h2  {
    color: #1dadea;
    display: block;
    font-size: 40px;
    font-weight: 300;
    letter-spacing: -0.4px;
    line-height: 40px;
    margin: 30px 0;
}

.practicle h3, .theoric h3 {
    margin: 0 0 20px 120px;
}

.practicle h3 span, .theoric h3 span {
    line-height: 30px;
}

.practicle .conversation h3, .practicle .conversation p, .practicle .practical-intro p, .fullsize .text p, .antispam .text h3, .antispam .text p {
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
}

.fullsize h4, #get-more-visits h4, #who_list .advantage h4  {
    color: #3b23a3;
    font-size: 38px;
    letter-spacing: -0.38px;
    line-height: 38px;
    margin: 15px 0 40px 0;
    text-align: center;
}

.practicle label {
    color: #1dadea;
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 20px 0;
}

.theoric label {
    color: #f75054;
    display: block;
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 20px 0;
}

p.goodone, p.outro {
    color: #3b23a3;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2em;
    margin-top: 10px;
}

/* === Tabs === */

.tabs {
    display: block;
    height: 33px;
    margin: 20px 0 0;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 100%;
}

.tabs ul {
    border-bottom: 1px solid #ccc;
    height: 100%;
}

.tabs ul li {
    display: inline-block;
    height: 100%;
    margin: 0;
    vertical-align: bottom;
}

.tabs ul li a {
    background: transparent;
    color: #000;
    display: block;
    font-weight: 400;
    padding: 5px 10px;
}

.tabs ul li a.active, .tabs ul li.ui-tabs-active a {
    background: white;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #000;
    font-weight: 700;
}

.tabs ul li.ui-tabs-active a {
    border-bottom: 1px solid #fff;
    padding: 4px 15px 5px 15px;
}

/* jquery ui tabs */
.ui-tabs {
    font-family: inherit;
}

.ui-tabs, .ui-tabs .ui-tabs-panel {
    border: none;
    padding: 0;
}

.ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-panel {
    background: none;
    border: none;
}

.ui-tabs .ui-tabs-nav {
    border-bottom: 1px solid #ccc;
    height: 100%;
    margin: 20px 0 0;
    padding: 0;
    text-align: left;
}

.ui-tabs .ui-tabs-nav li {
    background: none;
    display: inline-block;
    border:none;
    color: #000;
    float: none;
    margin: 0;
    height: 100%;
    list-style: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding: 0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    border-bottom: 1px solid #fff;
    color: #000;
    float: none;
    padding: 5px 15px;
}

.ui-tab .ui-state-default, .ui-tab .ui-state-default .icon {
    background: none;
}


/* === Background images === */

.practicle .important .conversation, .fullsize2, .privacy, .emailRc, .mobile ul.mobile-items li, .advantageBlock {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/sep_repeat-x.gif) repeat-x left top;
}

.advantagesBlock1 {
    background: none;
}

/* === Conditions d'utilisation / Politique de confidentialité === */

#static_conditions #content, #static_confidentiality #content {
    padding: 20px 10px 80px;
}

.conditions h1, .confidentiality h1 {
    color: #1dadea;
    font-size: 26px;
    font-weight: 300;
}

.confidentiality h1 {
    padding: 0 0 20px;
}

.conditions h2, .confidentiality h2 {
    color: #000;
    font-size: 22px;
    margin: 20px 0 0;
    padding: 15px 0;
}


/* === Devenez membre privilège === */

.advantage h1 {
    margin-bottom: 40px;
}

.advantageBlock h3, .advantageBlock1 h3  {
    margin: 0 0 20px 0;
}

.advantage p {
    font-size: 15px;
    font-weight: 400;
}

.advantageBlock {
    padding: 20px 0 5px;
}

.advantageBlock1 {
    padding: 0 0 45px 0;
}

.advantageBlock img {
    display: inline-block;
    float: left;
    width: 30%;
}
.advantageBlock .list {
    display: inline-block;
    float: right;
    width: 60%;
}

.advantageBlock1 .list {
    display: inline-block;
    float: left;
    margin: 20px 0 0;
    width: 60%;
}

.advantageBlock1 img, .more-advantages img {
    display: inline-block;
    float: right;
    margin: 25px 0 0;
    width: 40%;
}

.advantage ul li .svg-icon.checkmark {
    fill: #2cbcb3;
    height: 13px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 15px;
}

.netiquette ul li:before {
    height: 18px;
    width: 18px;
    left:0;
    top: 8px;
}

.advantage ul li {
    color: #424242;
    font-size: 20px;
    font-weight: 600;
    padding: 0 0 10px 30px;
    position: relative;
}

.more-advantages {
    padding-top: 20px;
}

.more-advantages .slashline {
    background-position: 0 40px;
    height: 64px;
}

.more-advantages ul.important {
    display: inline-block;
    width: 50%;
}

/* === App Mobile === */

.mobiletop {
    background: none; 
}

.mobile h2, .advantage h2 {
    font-size: 30px;
    line-height: 30px;
    margin: 0 0 30px 0;
}

.mobile h5, .fullsize2 h5 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 30px;
}
.mobile h5 span, .fullsize2 h5 span {
    color: #1dadea;
    display: block;
    font-size: 40px;
    font-weight: 700;
    line-height: 20px;
}

.mobile div.clearfix {
    max-width: 100%;
    padding: 15px 0;
}


.mobile div.clearfix ul li {
    display: inline-block;
    float: left;
    margin-right: 10px;
    width: 46%;
}

.mobile a#google_play_button {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/static/android.png) no-repeat;
}

.mobile a#app_store_button {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/static/iphone.png) no-repeat;
}

.mobile a#google_play_button, .mobile a#app_store_button {
    background-size:100%;
    display: inline-block;
    height: 59px;
    overflow: hidden;
    text-indent: -1000px;
    width: 100%;
}


.mobile ul.mobile-items li {
    padding: 15px 0 50px 0;
}
.mobile ul.mobile-items li img{
    display: inline-block;
    float: left;
    width: 30%;
}

dl.mobile-faq dt {
    color: #1dadea;
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
    margin: 5px 0;
}
dl.mobile-faq dd {
    font-size: 15px;
    padding: 0 0 20px;
}

.mobile ul.mobile-items li:last-child {
    display: none;
}

.mobile-items h3, .mobile-items p {
    padding: 0 0 0 80px;
}


/* === La nétiquette === */
.ethic h3 {
    margin: 20px 0 20px 15px;
    padding: 20px 0 0 55px;
    position: relative;
}

.ethic p a {
    font-weight: 700;
}

#politesse h3 .svg-icon {
    fill: #4f39ac;
    float: left;
    height: 33px;
    left: 0;
    margin: 3px 0 0;
    position: absolute;
    width: 30px;
}   

#politesse-forum h3 .svg-icon {
    fill: #2cbcb3;
    float: left;
    height: 30px;
    left: 0;
    margin: 3px 0 0;
    position: absolute;
    width: 36px;
}    

.netiquette ul {
    display: inline-block;
    font-size: 16px;
}

.netiquette ul li{
    position: relative;
    padding: 0 0 0 30px;
}

#politesse ul li:before, #politesse-forum ul li:before {
    color: #1dadea;
    content: "•";
    left: 0;
    position: absolute;
}

#politesse ul li, #politesse-forum ul li {
    padding: 0 0 10px 20px;
}

.netiquette ul li a {
    color: #424242;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
}

/* === Conseils === */

.fullsize {
    margin: 40px 0 0;
}

.practical-intro .text, .fullsize .text, .antispam .text, .netiquette .text {
    display: inline-block;
    float: left;
    padding-right: 10px;
    width: 60%;
}

.advice-section {
    margin: 30px 0 0;
    padding: 50px 0 0;
}
.advice-section.practical-intro {
    background: none;
    padding: 0
}

.protect-identity p, .first-date p, .date-place p, .browser p, .privacy p, .emailRc p {
    padding: 0 0 0 120px;
}

.advice-section div, .advice-section .svg-icon, .browser div, .antispam div, .warning div, .search-mobile, .mail-mobile, .favorite-mobile, .profile-mobile {
    display: inline-block;
    float: left;
}

.conversation div {
    width: 55%;
}

.practicle .important .conversation {
    padding: 20px 0;
    z-index: 10;
}

.practicle .important .conversation img {
    display:none;
}

.practicle .important .first-date {
    height: auto;
}

.fullsize2, .privacy {
    margin: 20px 0 0;
    padding: 20px 0;
}

.emailRc {
    margin: 20px 0 0;
    padding: 20px 0 0;
}

.warning {
    margin: 20px 0 0;
}

.error li.notice.warning {
    background:#dfe5eb;
}

.privacy img, .emailRc img, .conversation img, .practical-intro img, .fullsize img, .antispam img, .netiquette img  {
    display: inline-block;
    float: right;
    width: 40%
}

/* === Vidéo Rencontre === */

.go-webcam .text {
    display: block;
    width: 100%;
}

.go-webcam img {
    display: none;
}

ul.webcam-list li div {
    display: inline-block;
    float: inherit;
    padding-left: 50px;
    width: 500px;
}


/* HDPI */
@media 
all and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 2.9), 
all and (min-resolution: 1.5dppx) and (max-resolution: 2.9dppx),
all and (min-resolution: 144dpi)  and (max-resolution: 278.4dpi) {

    body.static .advantage ul li .svg-icon.checkmark { 
        top: 4px;
    }
}

/* XXHDPI */
@media 
all and (-webkit-min-device-pixel-ratio: 3),
all and (min-resolution: 3dppx),
all and (min-resolution: 288dpi) {
   
    body.static .advantage ul li .svg-icon.checkmark { 
        top: 4px;
    }
}


/* === Vidéo Rencontre === */

#webcam_rules p, #webcam_rules ul.important {
    color: #424242;
}

#webcam_rules ul.important {
    list-style-image: none;
    list-style-position: inside;
}

#webcam_rules ul.important li span {
    display: inline-block;
    width: 275px;
}

#webcam_rules ul.important li:before {
    background: none;
    color: #1dadea;
    content: "•";
    margin: 0 20px 0 0;
    top: 0;
    vertical-align: top;
}

#webcam_presentation .notice.warning {
    margin: 20px 0;
}

/* === User doesn't exist === */

.fiche-supprimee {
    background: #258789;
    border-radius: 100%;
    display: block;
    height: 300px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 300px;
}

.fiche-supprimee .svg-icon {
    fill: #2bbbb3;
    height: auto;
    left: 19%;
    max-height: 30%;
    max-width: 30%;
    position: absolute;
    top: 5%;
    width: 100%;
}

.fiche-supprimee h2 {
    color: white;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -0.4px;
    line-height: 30px;
    margin: 0 auto;
    padding: 75px 0 0 0;
    width: 220px;
}

.fiche-supprimee p {
    color: white;
    margin: 10px auto;
    width: 270px;
}

/* === Classement prioritaire === */

#profile_ranking .ranking-content h2 {
    font-size:36px;
    margin: 30px 0 50px 0;
} 

#profile_ranking .ranking-content .btn-blue {
    display: block;
    margin: 0 auto;
}

#get-more-visits {
    margin: 40px 0 0;
}

.ranking-content p, .ranking-content h3 {
    padding: 0 0 10px 0;
}

.ranking-content .btn-blue {
    margin: 0;
    width: 100%;
}

#get-more-visits dl {
    width: 100%;
}

#get-more-visits dl dt {
    color: #1dadea;
    font-size: 24px;
    font-weight: 600;
    line-height: 20px;
    margin: 5px 0;
}

#get-more-visits dl dd {
    margin: 0 0 30px;
}

#profile_ranking #get-more-visits h4, #profile_ranking #get-more-visits h4 span {
    line-height: 38px;
}

.ranking-content .text {
    display: block;
    width: 100%;
}

#profile_ranking #get-more-visits a {
    font-weight: 700;
}

.ranking {
    display: none;
}

/* === Sélection du mois === */

.monthSelect img {
    border: 6px solid #258789;
    border-radius: 50%;
    height: 112px;
    position: absolute;
    right: 0;
    top: 37px;
    width: 112px;
}

.monthSelect {
    display: none;
}

/* ================================================== */
/*                  Testimonials                      */
/* ================================================== */



/* Testimonial list */

#testimonial_list article {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/sep_repeat-x.gif) repeat-x left bottom;
    padding: 20px 0;
}

#testimonial_list #content .testimonial-list h2 {
    color: #1dadea;
    display: block;
    font-size: 40px;
    font-weight: 300;
    line-height: 40px;
    padding: 25px 0;
}

#testimonial_list h3 {
    font-size: 16px;
    font-weight:400;
    line-height: 18px;
    padding: 0 0 5px 0;
}

.testimonial-list .rc-result-list-thumbnail-right article img {
    float: left;
    margin: 0 15px 0 0;
    max-width: 120px;
}

.testimonial-list article a, .testimonial-list article p {
    margin: 10px 0 0 0;
}

.testimonial-list article a {
    display: block;
    margin: 0 0 0 135px;
}

.testimonial-list article.imgright a {
    display: initial;
    margin: 0;
}

.testimonial-list .rc-result-list-thumbnail-right article.imgright img {
    float: right;
    margin: 0 0 0 15px;
}

.testimonial-list article.imgright p {
    margin: 10px 0 0 0;
}

.testimonial-list article.imgright p.fullwidth, .testimonial-list article p.fullwidth, 
#testimonial_detail p.fullwidth {
    margin: 10px 0 0 0;
    width: 100%;
}

a.testimonial-title {
    color: #000;
    font-size: 21px;
    font-weight: 400;
    line-height: 22px;
}
span.testimonial-date {
    clear:both;
    display:block;
    float: right;
}

#testimonial_list span.active {
    font-weight: 700;
}

/* Testimonial detail */

.topTestimonial a {
    display: inline-block;
}

.topTestimonial a.rc-btn-prev {
    float: left;
}

.topTestimonial a.btn-blue {
    float: right;
    margin: 20px 0 0;
}

#testimonial_detail article {
    margin-top: 50px;
}

#testimonial_detail h3 {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding: 5px 0;
}

#testimonial_detail h4 {
    font-size: 30px;
    line-height: 30px;
}

#testimonial_detail #content article p {
    margin: 10px 0 0;
}

.testimonial-details article img {
    margin: 0 20px 0 0;
}


/* ================================================== */
/*                      Forum                         */
/* ================================================== */


#forum-header {
    margin: 0 0 10px;
}

#forum_post_detail a.rc-btn-prev {
    display: inline-block;
}

.citation {
    background-color: #dfe5eb;
    display: block;
    padding: 10px;
}

#forum_post_detail .rc-select-container-single .rc-select-single div b {
    right: 5px;
}

#forum-search .rc-form-field .rc-select-container {
    max-width: 100%;
}

/* Search Block */

#forum-search {
    height: auto;
    left: -9999px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 100;
}

#forum-search.is-opening, #forum-search.is-open {
    -moz-transition-duration: .3s;
    -moz-transition-property: background-color, opacity;
    -o-transition-duration: .3s;
    -o-transition-property: background-color, opacity;
    -webkit-transition-duration: .3s;
    -webkit-transition-property: background-color, opacity;
    background-color: #eff4f8;
filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0;
    opacity: 1;
    padding: 0 0 0 20px;
    top: 0;
    transition-duration: .3s;
    transition-property: background-color, opacity;
    width: 100%;
}

#forum-search.is-closed, #forum-search.is-closing {
    -moz-transition-duration: .4s;
    -moz-transition-property: background-color, opacity;
    -o-transition-duration: .4s;
    -o-transition-property: background-color, opacity;
    -webkit-transition-duration: .4s;
    -webkit-transition-property: background-color, opacity;
    background-color: #FFF;
filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: 0;
    opacity: 0;
    padding: 0;
    transition-duration: .4s;
    transition-property: background-color, opacity;
}

#forum-search #search-button {
    position: absolute;
    right: 15px;
    top: 20px;
}

#forum-search #close-search-btn {
    cursor: pointer;
    fill: #424242;
    left: 10px;
    margin-top: -7.5px;
    position: absolute;
    top: 50%;
}

.forum-search-container {
    margin: 20px 0 0;
    min-height: 48px;
    padding: 20px 15px 0 0;
}

#forum-search .rc-form-field {
    float: left;
    width: 39%;
}

#forum-search .rc-form-field.select-field {
    margin-left: 10px;
}

#forum-search .rc-form-field input[type="text"] {
    background: white;
    margin: 14px 0;
    overflow: hidden;
    padding: 0 5px;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
}

/* FORUM PLACEHOLDER POUR FIREFOX */

#forum-search .rc-form-field input[type="text"]::-moz-placeholder {
    color: #999;
    opacity:1;
}

#forum-search #search-text {
    padding: 8px 5px;
}

#forum-search .rc-form-field .rc-select-container {
    background: white;
    height: 36px;
    margin: 14px 0;
}

#forum-search .rc-select-container-single .rc-select-single div {
    right: 5px;
}

#forum-search .rc-form-field a.rc-select-single {
    padding: 7px 6px;
}

#forum_search a.rc-btn-prev {
    display: inline-block;
}

#forum-search .rc-select-container-single .rc-select-single div b {
    right: 0;
}

/* Iframe */

#ctn-iframe {
    margin: 20px 0 0;
}

/* iPhone 5/SE */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    #ctn-iframe.forum-list {
        height: 5700px;
    }
}

/* iPhone 5/SE  LANDSCAPE */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    #ctn-iframe.forum-list {
        height: 4000px;
    }
}

/* iPhone 6 to X */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    #ctn-iframe.forum-list {
        height: 5580px;
    }
}

/* iPhone 6 to X LANDSCAPE */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    #ctn-iframe.forum-list {
        height: 3880px;
    }
}

/* iPad */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    #ctn-iframe.forum-list {
        height: 3850px;
    }
}

/* iPad LANDSCAPE */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    #ctn-iframe.forum-list {
        height: 3780px;
    }
}

/* iPad PRO */
@media only screen
and (min-device-width: 834px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
    #ctn-iframe.forum-list {
        height: 3780px;
    }
}

/* iPad PRO LANDSCAPE */
@media only screen
and (min-device-width: 834px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
    #ctn-iframe.forum-list {
        height: 3780px;
    }
}

/* Liste */

#forums_posts.rc-result-list {
    margin-top: 20px;
}

.main-legacy.rc-forums #wrapper {
    margin-top: 25px;
}
.main-legacy.rc-forums #wrapper, .forum-detail {
    max-width: 320px;
}
/* Read and reply */

.main-legacy.rc-forums .formError {
    display: block;
}
.main-legacy .forum-detail img {
    border-radius: 50%;
}

.main-legacy .forum-detail h3 {
    font-size: 26px;
    line-height: 26px;
    margin: 0 0 0 115px;
    max-width: 190px;
    word-wrap: break-word;
}
.main-legacy .forum-detail h4, .main-legacy .forum-detail p  {
    margin: 0 0 0 115px;
}

.main-legacy .rc-result-list img {
    border-radius: 50%;
    height: 90px;
    margin: 0 10px 0 0;
    width: 90px;
}

.main-legacy.rc-forums a {
    color: #000;
    font-weight: 700;
}

.main-legacy.rc-forums .pagination a {
    font-weight: 400;
}

.main-legacy.rc-forums .pagination span {
    font-weight: 700;
}

.main-legacy.rc-forums a#forums_add_text {
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: 0 0 10px 110px;
}

.main-legacy.rc-forums a.btn-white {
    color: #424242;
    font-weight: 600;
}

.main-legacy.rc-forums #forums_posts article, .main-legacy.rc-forums #posts article {
    background: url(data:image/gif;base64,R0lGODlhAwABAIABAJ2eo////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBSaWdodHM9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9yaWdodHMvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wUmlnaHRzOk1hcmtlZD0iRmFsc2UiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDozMjQzNTcwMUZBRDYxMURGODg4MUU3MUI2OUExNTdBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NTU2N0RBQ0EwM0ExMUUxQkFGMTlDRDBBN0VDRjgxMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NTU2N0RBQkEwM0ExMUUxQkFGMTlDRDBBN0VDRjgxMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1OEYxRUJCRjg5REUxMTE4REMzRUNDNjIxRTI2OTk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFCMkVGMTE3MzRCNjExRTFCRTgwQjlDOEI0NkJCNDEwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAMAAQAAAgJEUgA7) repeat-x left bottom;
    min-height:130px;
    max-width: 320px;
    padding: 15px;
}

.main-legacy.rc-forums #forums_posts article:last-child, .main-legacy.rc-forums #posts article:last-child {
    background: none;
}

.main-legacy.rc-forums #forums_posts article h4 {
    padding: 0 0 0 113px;
}

.main-legacy.rc-forums a.forum-subject, .main-legacy.rc-forums a.inner-title {
    display: inline-block;
    font-size: 14px;
    /*font-weight: 400;*/
    line-height: 26px;
    margin: 0 0 10px 0;
    word-wrap: break-word;
    width: 55%;
}

@media screen and (min-width: 435px) {
    .main-legacy.rc-forums a.forum-subject, .main-legacy.rc-forums a.inner-title {
        font-size: 26px;
        line-height: 28px;
        width: 70%;
        word-break: break-all;
        font-weight: 400;
    }
    .main-legacy.rc-forums #forums_posts article, .main-legacy.rc-forums #posts article, .main-legacy.rc-forums #wrapper, .forum-detail {
        max-width: 100%;
    }
}

@media screen and (min-width: 635px) {
    .main-legacy.rc-forums a.forum-subject, .main-legacy.rc-forums a.inner-title {
        width: 80%;
    }
}

.main-legacy.rc-forums .response {
    border-left: 1px solid #ababab;
    display: inline-block;
    margin: 15px 0 0 110px;
}

.main-legacy.rc-forums .response p {
    border-top: 1px solid #ababab;
    display: inline-block;
    float: left;
    padding: 5px 0 5px 15px;
    width: 100%;
}

.response p.count .svg-icon, .response p.last-date .svg-icon, .response p.author1 .svg-icon {
    fill: #424242;
    margin: 0 5px 0 0;
    vertical-align: bottom;
    width: 20px;
}

.response p.count .svg-icon {
    height: 18px;
}
.response p.last-date .svg-icon {
    height: 20px;
}
.response p.author1 .svg-icon {
    height: 19px;
}

/* Forum Start Conversation */

.rc-forums #forums_form_post span.form-help {
    display: block;
    margin: 0;
}

.rc-forums #forums_form_post .error ul li {
    background: #dfe5eb;
    margin: 5px 0;
    padding: 5px;
}

.rc-forums #forums_form_post .btns-forum {
    margin: 10px 0 20px;
}

.rc-forums #forums_form_post .rc-form-field.input {
    margin-bottom: 20px;
} 

/* Forum Search */

.rc-forums h2.total {
    font-size: 16px;
    font-weight:600;
    margin: 10px 0 20px 0;
}

/* Forum Read and reply */

.rc-forums h2.answers {
    color: #000;
    font-size: 24px;
    font-weight: 300;
    margin: 20px 0;
    text-align: left;
}

.rc-forums .rc-result-list .detail {
    float: none;
    padding-left: 100px;
    width: 100%;
}

.main-legacy .forum-detail a#reply_rc {
    color: #000;
    margin: 20px 0 0 115px;
}

.main-legacy .forum-detail a#reply_rc.btn-blue {
    color: white;
    font-weight: 400;
}
.rc-forums .rc-result-list article {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/sep_repeat-x.gif) repeat-x left bottom;
    display: inline-block;
    padding: 15px 0;
    width: 100%;
}

textarea#reply_text {
    height: 140px;
    margin: 0 0 10px 10px;
    max-width: 180px;
    width: 95%;
}

.rc-forums textarea#reply_text {
    margin: 0 0 10px 10px;
}

@media screen and (min-width: 600px) {
    .rc-forums textarea#reply_text, textarea#reply_text {
        margin: 0 0 10px 20px;
    }
    .rc-forums .rc-result-list article.reply h5 {
        padding-left: 15px;
    }
    .rc-forums .btn-blue#send_reply {
        margin: 0 0 0 20px;
    }
}

.rc-forums .rc-result-list article.reply p {
    max-width: 200px;
    padding: 0 0 0 15px;
    word-wrap: break-word;
}

.main-legacy.rc-forums .error_text {
    padding: 10px 0 0 0;
}

.main-legacy.rc-forums form.forums_form_reply .error_text {
    padding: 10px 0 0 15px;
}

.parent .auteur {
    display: block;
    float: left;
    margin-right: 5px;
}

.parent .auteur img {
    height:90px;
    width:90px;
}

.command-btns form button {
    left: 100px;
    top: -20px;
}

#forum-search.is-closed {
    left: -999px;
}

.rc-forums #forums_form_post.forums_form_add {
    margin: 0 20px 15px;        
}

.rc-forums .btn-blue#send_reply {
    margin: 0 10px 0 15px;
}

/* ================================================== */
/*                      Webcam                        */
/* ================================================== */

body.webcam #content {
    padding: 0;
}

.webcam #content header {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/webcam/video-header.jpg) 100% 0 no-repeat;
    min-height: 199px;
    position: relative;
    width: 100%;
}
.go-webcam {
    margin: 0 0 20px 0;
    padding: 0;
}

ul.webcam-list {
    margin-bottom: 15px;
}

ul.webcam-list li {
    padding: 15px 0 5px;
}

ul.webcam-list li:last-child {
    background: none;
}

ul.webcam-list li img {
    display: block;
    float: left;
    height: auto;
    min-height: 80px;
    min-width: 145px;
}

ul.webcam-list li div {
    padding-left: 10px;
    width: 210px;
}

#webcam_presentation .last {
    margin: 50px 0 0;
}

#webcam_presentation .last ul, #webcam_presentation .last ul li {
    background: none;
}

#webcam_presentation ul.important li a {
    font-weight: 600;
}

p.usersVideo {
    color: #1dadea;
}

/* Tableaux */ 

#webcam_fares table {
    margin-bottom: 40px;
    width: 100%;
}

#webcam_fares table tr th {
    color: #424242;
    font-size: 16px;
    font-weight: 700;
    vertical-align: top;
    width: 33%;
}

#webcam_fares table tbody tr {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/sep_repeat-x.gif) left bottom repeat-x;
}

#webcam_fares table tbody tr:last-child {
    background: none;
}

#webcam_fares table tbody tr td {
    color: #424242;
    padding: 10px 5px 10px 0;
    vertical-align: top;
}

#webcam_fares table tbody tr td:first-child {
    color: #1dadea;
}

#webcam_fares table tbody tr.last {
    background: none;
}

/* Popup */ 

#webcam_popup h1 {
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

#webcam_popup #terms {
    color: #000;
    font-size: 15px;
}

#webcam_popup .popover {
    max-width: 300px;
}

/* ================================================== */
/*                   Quoi de neuf                     */
/* ================================================== */

body #cboxOverlay {
    background-color: #000;
    filter: alpha(opacity = 50);
    opacity: 0.5;
    position: absolute;
}

#cboxContent {
    margin-top: 0 !important;
}

#colorbox.quoiDeNeuf {
    max-width: 500px !important;
}

#colorbox.quoiDeNeuf #cboxTitle, #colorbox.quoiDeNeuf #cboxPrevious, #colorbox.quoiDeNeuf #cboxNext, #colorbox.quoiDeNeuf #cboxCurrent {
    display: none !important;   
}

#colorbox.quoiDeNeuf #cboxLoadedContent, #colorbox.freeTrial #cboxLoadedContent, #colorbox.trialPrivVisitor #cboxLoadedContent {
    margin: 0;
    overflow: hidden !important;
    padding: 0;
    text-align: center;
}
#colorbox.quoiDeNeuf .btn-white {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 600;
    padding: 8px 20px;
    width: 90%;
}

#colorbox.quoiDeNeuf .new {
    margin: 0;
    width: 100%;
}

#colorbox.quoiDeNeuf h2 {
    font-size: 24px;
    letter-spacing: -0.24px;
}

#colorbox.quoiDeNeuf h3 {
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -0.24px;
    position: relative;
    text-transform: none;
    z-index: 2;
}

#colorbox.quoiDeNeuf .body {
    padding: 0 0 25px 0;
}
#colorbox.quoiDeNeuf .body p {
    padding: 20px;
}

/* Bodyguard */

.bodyline {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/new/bodyline.svg) no-repeat;
    background-position: 0 0;
    background-size: 100%;
    display: block;
    height: 55px;
    margin: 20px 0 10px;
    width: 100%;
}

/* Interests */

.heartPlus {
    height: 230px;
    left: 50%;
    margin: 0 0 0 -140px;
    position: absolute;
    top: 80px;
    width: 280px;
    z-index: 1;
}


/* ================================================== */
/*                Période d'essai                     */
/* ================================================== */

/* === First Lightbox === */
#colorbox.freeTrial {
    position: fixed;
}

#colorbox.freeTrial h2 {
    color: white;
    font-size: 45px;
    font-weight: 300;
    line-height: 60px;
    letter-spacing: -0.6px;
    padding: 0;
}

#colorbox.freeTrial h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -0.24px;
    line-height: 26px;
    padding: 35px; 
}

.new.freePeriod {
    background-color: #1dadea;
    padding-top: 75px;
    text-align: center;
}

#colorbox.freeTrial .validateTrial {
    padding-bottom: 30px;
}

#colorbox.freeTrial .validateTrial p {
    font-size: 16px;
    font-weight: 400;
    padding: 30px;
    text-align: center;
}

#colorbox.freeTrial .validateTrial p.strong {
    font-weight: 600;
}

#colorbox.freeTrial .slashline {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/slash-line8.svg) repeat-x;
    background-position: 38px;
    display: block;
    height: 89px;
    width: 100%;
}

#colorbox.freeTrial .slashline svg {
    background: #1dadea;
    display: block;
    height: 89px;
    margin: 0 auto;
    width: 130px;
}

#colorbox.freeTrial #cboxClose, #colorbox.trialPrivVisitor #cboxClose {
    height: 13px;
    position: absolute;
    right: 20px;
    top:20px;
    width: 13px;
}

span.closeCbox {
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding-left: 10px;
    text-decoration: underline;
}

#colorbox.freeTrial .validateTrial .btn-blue {
    display: block;
    margin: 0 auto 15px;
    max-width: 280px;
}

/* === Second lightbox === */

.new.trialCompare {
    background-color: #1dadea;
    color: white;
    padding: 30px 0 0;
    text-align: center;
}

#colorbox.trialPrivVisitor h1 {
    color: white;
    font-size: 18px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: -0.2px;
}

#colorbox.trialPrivVisitor h2 {
    color: white;
    font-size: 45px;
    font-weight: 300;
    line-height: 45px;
    letter-spacing: -0.55px;
    padding: 0; 
}

#colorbox.trialPrivVisitor h3 {
    color: white;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.2px;
    line-height: 22px;
    padding: 15px 0 25px; 
}

#colorbox.trialPrivVisitor .validateTrial {
    padding: 15px;
}


#colorbox.trialPrivVisitor .compare-array .row {
  display: block;
  padding: 10px 0; 
}

#colorbox.trialPrivVisitor .compare-array .row div {
    display: inline-block;
    font-size: 14px;
    text-align: center;
    width: 32%;
}

#colorbox.trialPrivVisitor .compare-array .row div:first-child {
    text-align: left;
}

#colorbox.trialPrivVisitor .checkmark {
    fill: #3fd6cc;
    height: 16px;
    width: 28px;
}
#colorbox.trialPrivVisitor .fatX {
    fill: #f75054;
    height: 16px;
    width: 16px;
}

#colorbox.trialPrivVisitor .answers {
    margin: 35px 0 0;
}

#colorbox.trialPrivVisitor .answers .btn-blue {
    display: block;
    margin: 20px auto;
}

#colorbox.trialPrivVisitor .answers span {
    display: block;
    margin: 0;
    padding: 0;
}

/* ================================================== */
/*                  Garde du Corps                    */
/* ================================================== */

/* === Empty Message === */
#bodyguardNoEventsMessage.nonews h2 {
    padding: 45px 25px;
}


.guardHeader {
    white-space: nowrap;
}

.guardHeader svg {
    fill: #f75054;
}

.guardHeader span {
    line-height: 1.1em;
    padding-right: 30px;
    white-space: normal;
}

.guardHeader strong {
    line-height: 1.1em;
}

.guardMemberSection {
    clear: both;
}

.guardMemberSectionHeader {
    border-bottom: 1.5px dotted #000;
    padding: 15px 0;
}

#bodyguardNotifications {
    clear: both;
}

#bodyguardNotifications + .nav {
    display: none;
}

.arrowHead {
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    padding: 10px 20px 10px 0;
    vertical-align: middle;
}

.arrowHead svg {
    display: inline-block;
    height: 16px;
    width: 10px;
}

.expanded .arrowHead {
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
    padding: 10px 14px 10px 0;
    vertical-align: middle;
}

.expanded .arrowHead svg {
    display: inline-block;
    height: 10px;
    width: 16px;
}

.guardMemberImgContainer {
    border-radius: 50%;
    display: inline-block;
    margin-right: 20px;
    max-width: 90px;
    overflow: hidden;
    vertical-align: middle;
}

.guardMemberImg {
    display: block;
    max-height: 100%;
    max-width: 100%;
}

.guardMemberNickname {
    color: #000;
    display: inline-block;
    font-size: 24px;
    margin: 15px 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}

.guardMemberActions {
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
}

.guardMemberActions a,
.guardMemberActions span {
    display: block;
    margin: 10px 0 0;
    width: 100%;
}

#deleteAllNotifs {
    float: right;
    margin: 25px 0 5px;
}

.loadMoreContainer {
    text-align: center;
}

#loadMoreNotifs {
    margin: 30px auto 0;
}


/* === Events === */
.guardMemberSectionEvents {
    display: none;
}

.guardMemberEvent {
    border-bottom: 1.5px dotted #000;
    font-size: 16px;
    padding: 10px 0;
}

.guardMemberEventName {
    padding: 3px 0;
}

.guardMemberEventDate {
    padding: 3px 0;
}



/* ================================================== */
/*                 Email Validation                   */
/* ================================================== */

/* === Success === */

.emailValidHeader {
    text-align: center;
}

.emailValidIcon {
    background: #2bbbb3;
    border-radius: 100%;
    display: inline-block;
    height: 290px;
    margin: 20px 0;
    position: relative;
    vertical-align: middle;
    width: 290px;
}

.emailValidIcon h2 {
    color: #fff;
    display: block;
    font-size: 40px;
    font-weight: 300;
    line-height: 1.1em;
    padding: 40px 30px 20px;
    position: relative;
    text-align: center;
}

.emailValidIcon svg {
    bottom: 10%;
    display: block;
    fill: #3aede0;
    left: 50%;
    margin-left: -35px;
    max-width: 70px;
    position: absolute;
    width: 100%;
}

/* Placement de l'icone sur IE 11*/

@media all and (-ms-high-contrast:none) {
    .emailValidIcon svg, .new.validateEmail svg {
        height: 90px;
    }
}

.emailValidHeaderText {
    display: inline-block;
    font-size: 24px;
    margin: 20px 0;
    max-width: 380px;
    text-align: left;
    vertical-align: middle;
}

.emailValidHeaderText a {
    color: #000;
    font-weight: bold;
}

.profileCompletedAt {
    font-weight: 600;
    margin-top: 20px;
}

#check_email #content .slashline,
#check_email_success #content .slashline {
    background-image: none;
    height: auto;
    min-height: auto;
    text-align: center;
}

.emailValidCTA {
    display: block;
    margin-bottom: 25px;
    text-align: center;
    vertical-align: top;
}

.emailValidCTA .iconContainer {
    background-color: #fff;
    display: inline-block;
    padding: 0 10px 10px;
    vertical-align: top;
}

.emailValidCTA svg {
    display: block;
    max-width: 45px;
    width: 100%;
}

.emailValidCTA svg.heart-icon {
    fill: #ef433a;
}

.emailValidCTA svg.send-icon {
    fill: #0b95d8;
}

.emailValidCTA svg.starPower {
    fill: #2cbcb3;
    max-width: 80px;
}

.emailValidCTA a {
    color: #000;
}

.emailValidCTA p {
    color: #000;
    display: block;
    font-size: 28px;
    line-height: 1.2em;
    text-align: center;
}

.email-modify .getValidEmail {
    font-weight: normal;
    margin: 5px 0 0;
}

/* === Failed === */

.emailNotValidHeader {
    text-align: center;
}

.emailNotValidIcon {
    background: #3b23a3;
    border-radius: 100%;
    display: inline-block;
    height: 290px;
    margin: 20px 0;
    position: relative;
    vertical-align: middle;
    width: 290px;
}

.emailNotValidIcon h2 {
    color: #fff;
    display: block;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.1em;
    padding: 30px 40px 20px;
    position: relative;
    text-align: center;
}

.emailNotValidIcon svg {
    bottom: 10%;
    display: block;
    fill: #7575e0;
    left: 50%;
    margin-left: -40px;
    max-width: 80px;
    position: absolute;
    width: 100%;
}

.emailNotValidHeaderText {
    display: inline-block;
    font-size: 24px;
    margin: 20px 0;
    max-width: 325px;
    text-align: left;
    vertical-align: middle;
}

.emailNotValidHeaderText a {
    color: #000;
    font-weight: bold;
}


/* === News === */

.new.validateEmail {
    background: #35bab2;
}

.new.validateEmail svg {
    display: block;
    fill: #248688;
    height: 98px;
    margin: 0 auto;
    max-width: 90px;
    width: 100%;
}

.new.validateEmail h2 {
    color: #46ebde;
    padding: 30px 20px 10px;
}

.new.validateEmail h3 {
    color: #FFF;
    font-weight: 300;
    padding: 20px 18% 40px;
}

#colorbox.quoiDeNeuf .body.validateEmail p {
    padding: 20px 18%;
    text-align: left;
}



/* ================================================== */
/*           Email Validation Interception            */
/* ================================================== */

/* === Header === */
.interceptionEmailValidHeader .profil-options ul li:first-child {
    border: none;
    margin: 5px 0;
    padding: 0;
}

.interceptionEmailValidHeader header .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.interceptionEmailValidHeader header .rc-logo {
    flex: 0 0 auto;
}

.interceptionEmailValidHeader .headerWelcomeMsgAvatarContainer {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    flex: 1 1 auto;
    justify-content: center;
    max-width: 700px;
    position: static;
    text-align: center;
}

.interceptionEmailValidHeader .headerWelcomeMessage {
    color: #1c1d1d;
    display: inline-block;
    flex: 0 1 auto;
    font-size: 14px;
    margin: 0 20px;
    padding: 0;
    vertical-align: middle;
}

.interceptionEmailValidHeader .block-avatar {
    flex: 0 0 auto;
    margin: 0;
    position: static;
    right: auto;
    top: auto;
    vertical-align: middle;
    width: auto;
}

.interceptionEmailValidHeader #profil-nav {
    margin: 0;
    position: static;
}

.interceptionEmailValidHeader #profil-nav .heading {
    float: none;
    margin: 0;
}

.interceptionEmailValidHeader header #profil-nav .body {
    margin-top: 10px;
    text-align: left;
    top: auto;
}


/* === Success Message === */
#intercept_email_valid_success {
    margin-bottom: 30px;
}

#intercept_email_valid_success.hidden {
    display: none;
}

#interception_email_validation_page h1 {
    margin-bottom: 20px;
}

#resendEmailValidEmailErrorContainer .error {
    color: #f75054;
}

#resendEmailValidEmailErrorContainer .error p {
    color: #f75054;
    margin: 5px 0 0;
    padding: 0;
}

#interception_email_validation_page .facebookContainer {
    margin: 10px 0 0;
}

.interceptionEmailValidContainer {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.interceptionEmailValidContainer > div {
    flex: 1 1 auto;
    padding: 10px 0;
}

.interceptionEmailValidContent {
    width: 40%;
}

.interceptionEmailValidContent p {
    color: #0d0d0d;
    line-height: 1.6em;
}

.interceptionEmailValidContent #resendEmailValidationlink {
    display: block;
    font-weight: bold;
    margin: 15px 0 25px;
}

.interceptionEmailValidIcon {
    text-align: center;
    width: 100%;
}

.interceptionEmailValidIcon .emailValidIcon {
    height: auto;
    margin: 0;
    padding-bottom: 100%;
    width: 100%;
}

.interceptionEmailValidIcon .emailValidIcon h2 {
    padding: 12% 20% 0;
    position: absolute;
}

.interceptionEmailValidIcon .emailValidIcon svg {
    bottom: 12%;
    height: 30%;
    margin-left: 0;
    max-width: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 30%;
}

.interceptionEmailValidContent .slashline {
    margin: 20px 0;
}

.interceptionEmailValidBtns .rc-btn,
.unlogged .interceptionEmailValidBtns .rc-btn {
    font-weight: 600;
    max-width: 146px;
    width: 100%;
}

.interceptionEmailValidBtns .rc-btn {
    margin: 10px 0;
}

.interceptionEmailValidBtns :first-child {
    margin-right: 10px;
}



/* ================================================== */
/*                  Create Message                    */
/* ================================================== */

#message_send .btn-blue {
    margin-right: 10px;
}


/* ================================================== */
/*                      Legacy                        */
/* ================================================== */

/* General */

.main-legacy .rc-btn-blue {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #1dadea;
    border: 1px solid #1dadea; 
    border-radius:20px;
    -webkit-border-radius: 20px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font: 16px/1.4em 'Source Sans Pro', sans-serif;
    font-weight: 600;
    margin: 0 10px 0 0;
    padding: 3px 20px;
    text-align: center;
    vertical-align: bottom;
}

.main-legacy .btn-blue {
    margin: 0 10px 0 0;
}

.main-legacy .cancel {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: white;
    border: 1px solid #b7b7b7; 
    border-radius:20px;
    -webkit-border-radius: 20px;
    color: #424242;
    cursor: pointer;
    display: inline-block;
    font: 16px/1.4em 'Source Sans Pro', sans-serif;
    padding: 3px 20px;
    text-align: center;
    vertical-align: bottom;
}

.main-legacy .cancel:hover {
    background-color: #dfe5eb;
}

/* Font */

.main-legacy .nonews h2 {
    font-size: 40px;
    font-weight: 300;
    letter-spacing: -0.4px;
}

.main-legacy h3,
#message_send h3 {
    font-size: 30px;
    margin: 10px 0;
}

.main-legacy a.title-cat {
    color:#000;
    display: block;
    font-size: 16px;
    font-weight: 700;
    width: 100%;
}

.btn-toggle {
    border: 1px solid #000;
    border-radius: 50%;
    height: 25px;
    line-height: 24px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 8px;
    width: 25px;
}

.btn-toggle span {
    color:#000;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
}

.main-legacy .rc-btn-more span:before {
    content: "+";
    font-size: 24px;
    line-height: 20px;
}
    
.main-legacy .rc-btn-picto-less span:before, .rc-btn-picto-more.open span:before {
    content: "-";
    font-size: 40px;
    line-height: 16px;
}

.main-legacy .rc-btn-picto-less span {
    height: 25px;
    overflow: hidden;
}

/* Iphone */

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    
    .btn-toggle span {
        font-weight: 400;
    }

    .main-legacy .rc-btn-picto-less span::before, .rc-btn-picto-more.open span::before {
        line-height: 19px;
    }

}
/* Ipad */

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

    .btn-toggle span {
        font-weight: 400;
        margin-top: -5px; 
    }
}

/* Form */

.main-legacy .rc-select-container-single .rc-select-single div b {
    right: 0;
}

/* Ecrire un message */

.mailCat {
    background: #eff4f8;
    display: block;
    margin: 0 0 10px 0 !important;
    padding: 10px 10px 10px 5px !important;
}

form .rc-form-field .rc-select-container {
    margin: 0 0 10px 0;
    max-width: 650px;
    width: 100%;
}

form .rc-form-field input, form .rc-form-field select {
    margin: 0 0 10px 0;
    width: 100%;
}

form .rc-form-field input.rc-btn {
    width: auto;
}

form .rc-form-field input#subj {
    max-width: 650px;
}
form .rc-form-field select {
    padding: 8px 10px;
}

form #or {
    display: inline-block;
    margin-bottom: 10px;
}

form .orFav {
    display: none;
    margin-bottom: 10px;
}

form .orFav.show {
    display: block;
}

#message_send .rc-form-field textarea, .rc-bp-confirm .rc-form-field textarea {
    height: 200px;
    max-width: 650px;
    padding: 10px;
}

#message_send #form-pname label, .rc-bp-confirm #form-pname label {
    display: inline-block;
    float: left;
    font-weight: 400;
    padding: 1px 0 0 5px;
}

#message_send #content-body.compose-visiteur .rc-result-list, #message_send #content-body.confirm-visiteur .rc-result-list, .rc-bp-confirm #content-body.compose-visiteur .rc-result-list, .rc-bp-confirm #content-body.confirm-visiteur .rc-result-list {
    margin-top: 20px;
}

#message_send #content-body.compose-visiteur #send-mess, #message_send #content-body.confirm-visiteur #send-mess, .rc-bp-confirm #content-body.compose-visiteur #send-mess, .rc-bp-confirm #content-body.confirm-visiteur #send-mess {
    display: none;
}

#message_send #content-body.compose-visiteur .prefablist .togglelist article > label, #message_send #content-body.confirm-visiteur .prefablist .togglelist article > label, .rc-bp-confirm #content-body.compose-visiteur .prefablist .togglelist article > label, .rc-bp-confirm #content-body.confirm-visiteur .prefablist .togglelist article > label {
    float: none;
    font-weight: 400;
    margin: 0;
    padding: 0 15px 0 30px;
    width: 100%;
}

#message_send #content-body.compose-visiteur .prefablist .togglelist article.selected .send-mess, #message_send #content-body.confirm-visiteur .prefablist .togglelist article.selected .send-mess, .rc-bp-confirm #content-body.compose-visiteur .prefablist .togglelist article.selected .send-mess, .rc-bp-confirm #content-body.confirm-visiteur .prefablist .togglelist article.selected .send-mess {
    margin-left: 28px;
    margin-top: 10px;
}

#message_send #content-body.compose-visiteur .prefablist .togglelist article.selected .send-mess p, 
#message_send #content-body.confirm-visiteur .prefablist .togglelist article.selected .send-mess p, 
.rc-bp-confirm #content-body.compose-visiteur .prefablist .togglelist article.selected .send-mess p, 
.rc-bp-confirm #content-body.confirm-visiteur .prefablist .togglelist article.selected .send-mess p {
    clear: both;
    margin: 15px 0 5px;
    position: relative;
}

#message_send #content-body.compose-visiteur .prefablist .togglelist article.selected .send-mess label, #message_send #content-body.confirm-visiteur .prefablist .togglelist article.selected .send-mess label, .rc-bp-confirm #content-body.compose-visiteur .prefablist .togglelist article.selected .send-mess label, .rc-bp-confirm #content-body.confirm-visiteur .prefablist .togglelist article.selected .send-mess label {
    display: inline;
    font-weight: 400;
    padding-left: 5px;
}

#message_send #content-body.compose-visiteur .prefablist.default-opened .togglelist, #message_send #content-body.confirm-visiteur .prefablist.default-opened .togglelist, .rc-bp-confirm #content-body.compose-visiteur .prefablist.default-opened .togglelist, .rc-bp-confirm #content-body.confirm-visiteur .prefablist.default-opened .togglelist {
    display: block;
}


.rc-bp-inbox-view #msg-senderInfo > p, .rc-bp-inbox-transfert #msg-senderInfo > p, .rc-bp-outbox-view #msg-senderInfo > p, .rc-bp-outbox-transfert #msg-senderInfo > p {
    float: left;
    width: 90px;
}

.rc-bp-inbox-view #msg-senderInfo > div, .rc-bp-inbox-transfert #msg-senderInfo > div, .rc-bp-outbox-view #msg-senderInfo > div, .rc-bp-outbox-transfert #msg-senderInfo > div {
    float: left;
    margin-left: 10px;
    width: 330px;
}

/* Desktop Mode */
@media screen and (min-width: 635px) {
    #message_send form .rc-form-field.bookmark#form-ruid, #message_send form .rc-form-field#favoriteList,
    .rc-bp-confirm form .rc-form-field.bookmark#form-ruid, .rc-bp-confirm form .rc-form-field#favoriteList {
        display:inline-block;
        margin: 5px 0;
        max-width: 295px;
        vertical-align: top;
        width: 100%;
    }
    #message_send form .rc-form-field#favoriteList {
        display: none;
    }
    #message_send form .rc-form-field#favoriteList.show {
        display: inline-block;
    }
    #message_send form .rc-form-field#form-ruid, #message_send form .rc-form-field,
    .rc-bp-confirm form .rc-form-field#form-ruid, .rc-bp-confirm form .rc-form-field {
        max-width: 635px;
        width: 100%;
    }
    #message_send form #or, .main-legacy.rc-bp-confirm form #or {
        display: inline-block;
        margin: 10px 2px;
    }

    form .orFav {
        line-height: 36px;
        margin: 4px 10px;
    }

    form .orFav.show {
    display: inline-block;
}

    #message_send form .rc-form-field input#subj, #message_send .rc-form-field textarea {
        max-width: 635px;
    }
}


#message_send .rc-select-container-single .rc-select-single div b, 
.rc-bp-confirm .rc-select-container-single .rc-select-single div b {
    right: 5px;
}

 form .rc-form-field#favoriteList .rc-select-container  {
    width: 100% !important;
}

 p.subject{
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding: 0 0 5px 0;
}

 article.prefab {
    background: url(data:image/gif;base64,R0lGODlhAwABAIABAJ2eo////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBSaWdodHM9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9yaWdodHMvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wUmlnaHRzOk1hcmtlZD0iRmFsc2UiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDozMjQzNTcwMUZBRDYxMURGODg4MUU3MUI2OUExNTdBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NTU2N0RBQ0EwM0ExMUUxQkFGMTlDRDBBN0VDRjgxMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NTU2N0RBQkEwM0ExMUUxQkFGMTlDRDBBN0VDRjgxMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1OEYxRUJCRjg5REUxMTE4REMzRUNDNjIxRTI2OTk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFCMkVGMTE3MzRCNjExRTFCRTgwQjlDOEI0NkJCNDEwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAMAAQAAAgJEUgA7) repeat-x left bottom;
    margin: 0 0 10px 0;
    position: relative;
    z-index: 2;
}

 .togglelist article.prefab:last-child {
    background: none;
}

y#message_send #form-pname input, .rc-bp-confirm #form-pname input {
    float: left;
    margin: 6px 0 0;
    width: auto;
}

 .rc-form-field#form-pname {
    margin: 10px 0 0;
}

 #promo-privilege .slashline .star {
    background-color: #fff;
    fill: #46ebde;
}

#message_send #content  iframe#iframe-legacy {
    min-height: 1025px;
}

.error_text {
    color: #f24138;
}
/* Répondre à un message */

form #sendto a {
    color: #000;
}

/* Devenez membre privilège */

.big-vip-block h3 {
   font-size: 38px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.95px;
    color: #3b23a3;
    padding: 0;
    margin: 0;
    text-align: center;
}

.big-vip-block h3 span {
    color: #3b23a3;
}

.big-vip-block h4 {
    color: #3b23a3;
    font-size: 24px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
    padding: 5px 0 0;
    text-align: center;
}

.big-vip-block ul {
    text-align: left;
}

#sb-container {
    display: none;
}

header.content-main-header a {
    bottom: 12px;
    position: absolute;
    right: 20px;
}

.page-who .content-who .container-form-field {
    background: transparent url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/sep_repeat-x.gif) repeat-x left bottom;
    margin: 0 15px;
    padding: 10px 0;
}

.page-who .content-who .container-form-field .rc-form-field {
    width: 180px;
}

.page-who .content-who .container-form-field .rc-form-field a {
    display: block;
}

.page-who .content-who article > div {
    text-align: left;
}

.page-who .content-who article > div.infos-user {
    float: left;
    width: 225px;
}

.page-who .content-who article > div.infos-user .rc-btn {
    bottom: -25px;
    display: none;
    font-size: 11px;
    padding-bottom: 3px;
    padding-top: 4px;
    position: absolute;
}

.page-who .content-who article > div.time-viewed {
    color: #999;
    float: right;
    font-size: 10.9992px;
    margin-right: 0;
    margin-top: 16px;
    text-align: right;
    width: 100px;
}

.page-who .content-who #suggestion-txt {
    background: transparent url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/sep_repeat-x.gif) repeat-x left bottom;
    margin: 0 20px;
    padding: 10px 0;
}

.page-who .content-who #suggestion-txt p {
    margin: 5px 0;
}

.page-who nav {
    font-size: 16px !important;
    min-height: inherit;
    padding-left: 20px;
    padding-right: 20px;
}

.no-result-section#no-result-fav .picto-ctn {
    background: transparent url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/legacy/bg-no-favorite.png) no-repeat left top;
}

.no-result-section#no-result-blocked .picto-ctn {
    background: transparent url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/legacy/bg-no-blocked.png) no-repeat left top;
}

#get-more-visits {
    background: transparent url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/sep_repeat-x.gif) repeat-x left top;
    margin: 30px 20px;
    padding-top: 30px;
}

#get-more-visits h3 {
    margin-bottom: 20px;
}

.content-who #get-more-visits h3 {
    margin: 0 0 20px;
}

.content-who #get-more-visits h3 span {
    font-size: 39px !important;
    margin: 0;
}

#get-more-visits dl dt {
    margin-bottom: 5px;
}

#get-more-visits dl dd {
    margin-bottom: 20px;
}

#get-more-visits dl dd a {
    font-size: 14px;
}

.page-favorite .tabs a.active {
    border-bottom-color: #fff;
}

.page-favorite .tabs a.active.grey {
    background: #ededed!important;
    border-bottom-color: #ededed;
}

.page-favorite .rc-result-list > .inner {
    background: #ededed;
    padding: 0 20px;
}

.page-favorite .rc-result-list > .inner.inner-list {
    background: #fff;
}

.page-favorite .container-form-field {
    background: transparent url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/sep_repeat-x.gif) repeat-x left bottom;
    padding: 10px 0;
}

.page-favorite .container-form-field .rc-form-field {
    width: 180px;
}

.page-favorite .container-form-field .rc-form-field a {
    display: block;
}

.page-favorite #contacts {
    padding: 20px 0;
}

.page-favorite .contact {
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    overflow: hidden;
}

.page-favorite .contact .contact-inner {
    position: relative;
}

.page-favorite .contact .contact-inner .contact-hover {
    height: 35px;
}

.page-favorite .contact .contact-inner .contact-hover a {
    position: relative;
    z-index: 9;
}

.page-favorite .contact .contact-inner .contact-hover a.action-contact {
    position: absolute;
}

.page-favorite .contact .contact-inner .contact-hover a.rc-btn-picto-trash {
    right: 5px;
    top: 3px;
}

.page-favorite .contact .contact-inner .contact-hover a.rc-btn-picto-mail {
    left: 5px;
    top: 3px;
}

.page-favorite .contact .contact-inner .contact-hover a.avatar {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 8;
}

.page-favorite .contact .contact-inner .tag-online {
    background-color: rgba(0,0,0,0.5);
    bottom: 35px;
    color: #fff;
    display: block;
    font-size: 10.9992px;
    margin: 0;
    position: absolute;
    width: 100%;
    z-index: 10;
}

.page-favorite .contact .contact-inner .tag-online span {
    background: transparent url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/ui/availableRadioOn_btn.png) no-repeat 5px center;
    display: block;
    padding: 3px 0 3px 25px;
}

.page-favorite .contact .contact-inner:hover .contact-hover {
    display: block;
}

.page-favorite nav {
    padding: 0 20px;
}

.page-favorite #see-online-txt {
    background: transparent url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/sep_repeat-x.gif) repeat-x left bottom;
    padding: 10px 0;
}

.rc-form-field.my_details div {
    float: left;
    width: 33%;
}

.rc-form-field.f_webcam.my_details div {
    width: 100%;
}

.rc-form-field.my_details div input {
    float: left;
    margin: 2px 5px 15px 0;
}

.rc-me-profil-profil .group-details-me .rc-form-field.f_webcam label {
    width: inherit;
}

.rc-me-profil-preferences .seemore {
    margin-top: 6px;
}

.rc-bp-inbox-list .tabs.empty a.active, .rc-bp-outbox-list .tabs.empty a.active, .rc-bp-inbox-delete .tabs.empty a.active, .rc-bp-outbox-delete .tabs.empty a.active {
    background: #ededed!important;
    border-bottom-color: #ededed;
}

.rc-bp-inbox-list .rc-result-list, .rc-bp-outbox-list .rc-result-list, .rc-bp-inbox-delete .rc-result-list, .rc-bp-outbox-delete .rc-result-list {
    background: #fff;
}

.rc-gift-offer #confirm {
    display: none;
}

.rc-gift-offer #confirm .notice {
    margin: 20px 15px 0;
}


.rc-gift-offer .content-header #tokens {
    position: absolute;
    right: 15px;
    top: 5px;
}

.rc-gift-offer .content-header #tokens .solde {
    background: transparent url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/legacy/gifts/sep-repeat-y.png) repeat-y right top;
    float: left;
    margin-right: 10px;
    padding: 0 10px 3px 0;
}

.rc-gift-offer .content-header #tokens .solde span {
    background: transparent url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/legacy/gifts/icn-token.png) no-repeat left center;
    color: #00a553;
    font-size: 1.5em;
    padding: 0 0 0 25px;
}


.rc-gift-offer .content-header #tokens .buy-token {
    float: left;
    font-size: 11px;
    padding-top: 2px;
}

.rc-gift-offer #gift_error {
    margin:0 15px;
}

.rc-gift-offer #gifts_offer_scroll {
    margin: 15px;
}

.rc-gift-offer #gifts_offer_scroll .gifts {
    height: 180px;
    margin-left: 25px;
    position: relative;
    width: 545px;
}

.rc-gift-offer #gifts_offer_scroll .gifts .buttons {
    display: block;
    height: 180px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 18px;
    z-index: 999;
}

.rc-gift-offer #gifts_offer_scroll .gifts .buttons.rc-btn-prev {
    left: -25px;
}

.rc-gift-offer #gifts_offer_scroll .gifts .buttons.rc-btn-prev span:before {
    left: 0;
    right: 0;
}

.rc-gift-offer #gifts_offer_scroll .gifts .buttons.rc-btn-next {
    right: -25px;
}

.rc-gift-offer #gifts_offer_scroll .gifts .buttons.rc-btn-next span:before {
    left: 2px;
}

.rc-gift-offer #gifts_offer_scroll .gifts .viewport {
    height: 180px;
    overflow: hidden;
    position: relative;
    width: 545px;
}

.rc-gift-offer #gifts_offer_scroll .gifts .viewport ul.overview {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}

.rc-gift-offer #gifts_offer_scroll .gifts .viewport ul.overview li {
    float: left;
    height: 180px;
    margin-right: 15px;
    padding: 10px;
    text-align: center;
    width: 105px;
}

.rc-gift-offer .form {
    margin: 0 15px;
}

.rc-gift-offer .form-submit {
    background: #e8e8e8;
    margin-top: 20px;
    padding: 10px 15px 5px;
}

.rc-gift {
    padding: 0;
}

.rc-gift #wrapper-inner {
    margin: 20px 15px;
}

.rc-gift #gift_received {
    float: left;
    width: 250px;
}

.rc-gift #gift_received .gift {
    text-align: center;
}

.rc-gift #gift_received .tokens {
    font-size: 1.5em;
    margin: 14px 0;
    text-align: center;
}

.rc-gift #gift_received .tokens span {
    background: transparent url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/legacy/gifts/icn-token.png) no-repeat left center;
    padding: 5px 0 5px 30px;
}

.rc-gift #gift_sender {
    background: transparent url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/legacy/gifts/sep-repeat-y.png) repeat-y left top;
    float: right;
    margin-left: 20px;
    padding: 0 0 0 20px;
    width: 285px;
}

.rc-gift #gift_sender > div.clearfix .photo {
    float: left;
    margin-right: 10px;
    width: 90px;
}

.rc-gift #gift_sender > div.clearfix .right {
    float: left;
}

.rc-gift #gift_sender .action-links {
    margin-top: 20px;
}

.rc-gift #gift_sender .action-links a {
    display: block;
}

.rc-gift #gift_sender .action-links a:first-child {
    background: transparent url(data:image/gif;base64,R0lGODlhAwABAIABAJ2eo////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBSaWdodHM9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9yaWdodHMvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wUmlnaHRzOk1hcmtlZD0iRmFsc2UiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDozMjQzNTcwMUZBRDYxMURGODg4MUU3MUI2OUExNTdBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NTU2N0RBQ0EwM0ExMUUxQkFGMTlDRDBBN0VDRjgxMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NTU2N0RBQkEwM0ExMUUxQkFGMTlDRDBBN0VDRjgxMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1OEYxRUJCRjg5REUxMTE4REMzRUNDNjIxRTI2OTk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFCMkVGMTE3MzRCNjExRTFCRTgwQjlDOEI0NkJCNDEwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAMAAQAAAgJEUgA7) repeat-x left bottom;
    margin-bottom: 4px;
    padding-bottom: 6px;
}

.rc-gift #gift_sender .action-links a span.picto span {
    padding-right: 5px;
}

#webcam_popup {
    padding: 15px;
    text-align: left;
}

#webcam_popup p label {
    display: inline;
    font-weight: 400;
}

#webcam_popup button {
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 20%;
    width: 60%;
}

#webcam_popup .field {
    padding-top: 15px;
}

#webcam_popup .field.terms {
    background: transparent url(data:image/gif;base64,R0lGODlhAwABAIABAJ2eo////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBSaWdodHM9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9yaWdodHMvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wUmlnaHRzOk1hcmtlZD0iRmFsc2UiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDozMjQzNTcwMUZBRDYxMURGODg4MUU3MUI2OUExNTdBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NTU2N0RBQ0EwM0ExMUUxQkFGMTlDRDBBN0VDRjgxMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NTU2N0RBQkEwM0ExMUUxQkFGMTlDRDBBN0VDRjgxMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1OEYxRUJCRjg5REUxMTE4REMzRUNDNjIxRTI2OTk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFCMkVGMTE3MzRCNjExRTFCRTgwQjlDOEI0NkJCNDEwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAMAAQAAAgJEUgA7) repeat-x left bottom;
    padding-bottom: 20px;
    padding-top: 5px;
}

#webcam_popup .field.terms > p {
    position: relative;
    top: 5px;
}

#webcam_popup .field.terms > p label {
    left: 3px;
    position: relative;
    top: 1px;
}


/* ================================================== */
/*                      Legacy Forum                  */
/* ================================================== */

.rc-result-list.has-hover-state li a.back-top, .rc-result-list.has-hover-state article a.back-top {
    background: url(/web/20210606135931im_/https://www.reseaucontact.com/static/img/ui/btn_back-top-hover.png) transparent top left;
    bottom: 8px;
    font-size: 1px;
    height: 23px;
    overflow: hidden;
    position: absolute;
    right: 8px;
    text-indent: -1000px;
    visibility: hidden;
    width: 22px;
}

.rc-result-list.has-hover-state li form.forums_form_delete, .rc-result-list.has-hover-state article form.forums_form_delete {
    height: 17px;
    padding: 0;
    visibility: hidden;
}
form.forums_form_delete {
    display: inline-block;
}
form#forums_form_post button.admin_action {
    margin: 20px 10px 0 70px;
}
form#forums_form_post button.deletePost {
    margin: 20px 10px 0 15px;
}
#forums_form_post button.admin_action {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 20px;
    appearance: none;
    background-color: #1dadea;
    border: none;
    border-radius:20px;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    padding: 5px 20px;
    text-align: center;
}

#forums_form_post button.admin_action:hover {
    background-color: #167dc1;
}




/* ================================================== */
/*                      Sitemap                       */
/* ================================================== */

.sitemap {
    overflow: hidden;
}

.sitemap h1 {
    margin-bottom: 20px;
}

.sitemap h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
}

.sitemap .category {
    margin-top: 20px;
}

.sitemap .category:first-child {
    margin-top: 0;
}

.sitemapList {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -10px;
}

.sitemapList li {
    display: block;
    flex: 0 1 auto;
    float: left; /* Backup for old browsers */
    padding: 5px 10px;
    width: 100%;
}



/* ================================================== */
/*                      Footer                        */
/* ================================================== */

#main-footer {
    background-color: #071928;
    font-size: 14px;
    margin: 10px 0 0;
    overflow: hidden; /* Without this, seo links cause horizontal scrollbar */
    padding: 20px 10px 40px;
    width: 100%;
}

.ecom #main-footer,
body.menuOpen #main-footer {
    display: none;
}
#main-footer > div {
    margin: 0 auto;
    width: 100%;
}
#main-footer p {
    font-size: 16px;
    color: #2aa9de;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 0;
}
#main-footer p.clickable {
    cursor: pointer;
    margin-top: 20px;
}
#main-footer p.clickable + ul {
    display: none;
}
#main-footer p.clickable + ul.nPadd {
    padding: 0;
}
#main-footer a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

#main-footer > div > ul li {
    width: 100%;
}

#main-footer > div > ul > li > ul li {
    margin: 12px 0;
}

#main-footer ul li.socials {
    margin-top: 20px;
    width: 100%;
}
#main-footer ul.socials li {
    background-color: #39a3e3;
    background-size: 100%;
    display: inline-block;
    height: 39px;
    margin: 0 2% 20px 0;
    position: relative;
    width: 32%;
    float: left;
}
#main-footer ul.socials li:first-child {
    background-color: #406cb2;
}
#main-footer ul.socials li:last-child {
    background-color: #e94037;
    margin-right: 0;
}
#main-footer ul.socials .svg-icon {
    fill: #FFFFFF;
    height: 28px;
    position: absolute;
    right: 10px;
    top: 6px;
    width: 15px;
}
#main-footer ul.socials .svg-icon.twitter-logo {
    width: 32px;
    height: 29px;
}
#main-footer ul.socials .svg-icon.googleplus-logo {
    right: 8px;
    width: 28px;
    height: 29px;
}
#main-footer ul.stores {
    margin-top: 5px;  
}
#main-footer ul.stores li {
    width: 47%;
    display: inline-block;
    margin: 10px 2% 10px 0;  
}
#main-footer ul.stores li:first-child {
    margin-top: 10px;
}

#main-footer ul.stores li:last-child {
    margin-right: 0;
}

#main-footer ul.stores li a {
    background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QOPaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzA2NyA3OS4xNTc3NDcsIDIwMTUvMDMvMzAtMjM6NDA6NDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OWU5Yzg4N2EtMWViYS00NmNkLThhZjMtNzgxNzQ1ZjI4ZDhkIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlFQjc5OEY5ODdFNDExRTU5RUE5QkY4MUQxNzQxOTQxIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlFQjc5OEY4ODdFNDExRTU5RUE5QkY4MUQxNzQxOTQxIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDk3ODI0ODItYmZjZC00OTdhLTg4MzktZjNjMTIzZjY1YTk0IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6M2U5MmY0YzUtYzUxYS0xMTc4LTk3YWYtZjBkMzc0NzE2NTMxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAJwCeAwERAAIRAQMRAf/EAIsAAQACAgMBAAAAAAAAAAAAAAAFBgMEAQcIAgEBAAEFAQAAAAAAAAAAAAAAAAUBAgMEBgcQAAICAQMDAwIFAwUAAAAAAAIDAQQFABEGIRITMSIHURRBYTIjFXFCCIFDJFQWEQEAAQMCAwcFAQAAAAAAAAAAAQIDBBEhMVESYXHBIjJSE0GBkUJiBf/aAAwDAQACEQMRAD8A8qaBoGgaBoN/BYPJ53LV8Ti1Q69amRSuSFcT2jJlMmciIxAjMzMzoJw/i3nMWYrrxvnI4rmhiHJcpw3G+BBJYBkDIJkSO4zO0/q20GZHxRzKzes06y6bzq+CDau/TlJHakhQpbfL2GwyWUQET3dPTQa5fGXNBwzMsdCAQsDedY2qG3FdTJUyx9rJefwgyO0j7No/p10H074u52nI2cc7FGu5UapL1Eao2J6GWVbT3bEJpQZQUdOn10GUviXncLqmNBbJtQuRUuzXNgeZBWVeYBZJK8iVkQ98Rvt9dBGVOF521x4+QiNdWLEmgDX2UJNhoESYKlMMWMkYYPQRn10GWpwHk9rB180pCop3GwqmLLCVudMthEkpJmLDCGzASQjtE/0nQZcd8b8wyD2pr0hia9qxSsMa5KlrdUVLnwZmYiMAsZKS32/PQRGdwWUwWSPHZNMJtAIMiBMGAS2hBrYti5IDAwKCEhmYmNBH6BoGgaBoGgaBoOZiY23jbfrH9NBxoJvhfJB43yalmirRcCrLIZVk5X3g1RKKO+ImRntOdp20Frj5aqoqLxdDBxVwtYKy6lcLbYsDCLk3WHNkYE/I1k/qGI7No7dBuZr52yrmX2YSkOOs3RpCWRbKrNsypS4vK4yVAG4pfGzICCiBjroI9fyqj+OW9+HF/K1Y88OGbJ7O2ajAJRGaJiYJ/iYS+/u267zHdoJRvz9k3EzzYlLBjIlfqzLDlilFVfXir5JjuJQTZIw3/TO8R0nQbU/5AlKsOBYXyfx01vMLLRSEjWpHRka8QESryg3c5mS9I20EHHyhi0cPv8Vx+Ls08a9thtSAuRMj90payF+6v3YGVbxt2+ugxYH5THDcJLj6caT7cMhqX2LBNqqYLocNhVYhnxPHt7e5ZxEx6xM6CUZ82qq2SfgsCvHlYbkL12Gum1BX8jWmsTBFodsKWJTIqKC3390zoKRzTk5cn5FYzRo+1KyKoKsJSS1ytYhIqjaOxft9gR0GPbHSNBB6BoGgaBoGgaBoPTHHeGcczvE8RT5DRixTZSRKravZarSS4nuWwY9w/UC3jUlk2fktxNPrimPv2OSjNqtX6tJ26pUb5G/xw5Txpf8AI4NkZ7DM9y5TG1oR9dyTG/fER/cvf84jUFbzKZnSryz2uqxZqvRrEa7a7OuuH8Wu8n5XjOOVihNnI2Ar+Q4nZcTPvMo6T7BiS2/LW2vWHKcn4diM+dHEcYp38HRaSJZkZcdq2KykScxizXCpZt3QIRsPp10Ee3jdXOWMrncMkcDxGs8FLfkXEyFm2PYiDACY5swJF2gE7D1np10Ga38Vcrq5caBxXKsdKcqGYB0TQKhE7Tah236O6e3bt7u729u8xGg4b8WcpNOJtYkU5uhm2lWoXKByS/uAiSNLoaKjSYhHdPkGI7eu+0ToLZ8cfG17Hcs4fnbb8XlsBks0jFmKii4BsM9mpMCX2xMBvPu9Y6jvoIjIfG2ZzfK7poZTxlfJ5e5SwgWZlIWGJdIyCQUBwIBMiHeUCET039dgruI4DyLJ57IYJYJr5HFLe2+Nly1LUFWdnSTSns9nr66Cycb+MkTk61i9aqZnAWU3wG7jXMkAt1ajHCpneCmAXsg4iR2IfSZ66CIR8Y5h9YfHkMdOWZT/AJFeCh8zeKv4/N+mAlXk8P7nilnf2/279NBpf+C5AXK6fGFipuQvihlRoMia5psqhwOhs7R4/GXdJfh1+mgr7V+Npr7oPsKR7xncZ2nbeJ+mg+NA0DQNA0DQezMFYxWF+PMBfulHuxlWVq3iCMvAM+s9BiPxKfTW9RNUxtwhyGL/AJd7Oy67dvaIqnqqn00xrxnwj6uuMl/kaGFfaHHqXmLLI/YgpIalU4np45jYjj6xG0TPXfUFmYXz19Uzp4vSaqsTDx6cfG1maeNXu5zPOe7aOEOpqXyVyBPyLW55Y8b8um2FtgCAqWfbtBL7QiIiCD27+v8ArrbtWot0xTHCEPVVMzrKwciT8c3eRFyjjeaqV6t5p2bPH81VskVQ2zuYD4FtU8IKZ7Niidtt41kWpfk3MfjDO4nkPE8XP8Dh4yKctxm3Ndng8g1oRYQ8AlzghhR3AWxbfjEaDYpfJ/DBwKOAXnudx+cI3GO5AKJk13W2ouA0EzMMKso4ge3oU/q2j00HHx5y3I4DFU+NcLcnPZMMmedyllonXxyKSKx12AbLMJIRNTClrJge3oMbzoJ6lZ43g8XxnNcavIPhmG5DWy/MqiTZZsUr0zK0wHcCyZVhUSCjiPcU+6Z/AIPJc04ZmuPOwyOTt4/kMXbvlSygVrBJyGPyFmbXhPxD50sWZbbTHbP4zO/QKt8V18YeT5XXbaYGLnBXwZeFPcYr3CIb4e6N+u0yPdvt+egkuM57h/EcYWLHNDk7F9rrVq3WS/7ZEKpWa9VYw4FMJjWWtzmB2GI23nrsE9gudcCxOSpW6WTqUcAvHlXDEJxksyI2W0zUwrVs19f3i7pYpkzMdIGPwCFochCn8VL5BZWYcgqrscWw1konZlSz++xolPXurLYxUfkwfpoOptA0DQNA0DQNBa+UZL5Du4zHRnlXVYtFRKsf5UMQgq4DEKIZ7RE4mNvd131nqruTREfpH4Ux9It1Rb9HV5tPd/U8+9VNYFTQNA0DQWj4/wA9yfB5O9fwVD+SVFF4ZqkaCs1zxxyMPiyIfpVv27nvG07ddBlynJsjksFfrYXBqw+AlqXZf7AHmuT3KK0WHNJsiMFJeMJmI3+s6CpaDdxpZeIt/wAb59prnF37eDn/AI3TyeXt/wBv07t+mg0tA0E3yF/MG0sT/PxdikFaAwn3YMBX20f9fuiBIfTeR0EJoGgaBoP/2Q==) no-repeat;
    height: 39px;
}
#main-footer ul.stores li:last-child a {
    background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QOPaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzA2NyA3OS4xNTc3NDcsIDIwMTUvMDMvMzAtMjM6NDA6NDIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OWU5Yzg4N2EtMWViYS00NmNkLThhZjMtNzgxNzQ1ZjI4ZDhkIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlFQjc5OEZEODdFNDExRTU5RUE5QkY4MUQxNzQxOTQxIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlFQjc5OEZDODdFNDExRTU5RUE5QkY4MUQxNzQxOTQxIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDk3ODI0ODItYmZjZC00OTdhLTg4MzktZjNjMTIzZjY1YTk0IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6M2U5MmY0YzUtYzUxYS0xMTc4LTk3YWYtZjBkMzc0NzE2NTMxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAJwCWAwERAAIRAQMRAf/EAHsAAAICAwEBAQAAAAAAAAAAAAAFAwYEBwgCAQkBAQEAAAAAAAAAAAAAAAAAAAABEAABAwMDAgIFCwIHAQAAAAACAQMEEQUGABITIQcxQVGRIjIUYdFCUpIz01QVFwihI3GBsWJ0tBY4EQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwDlTQGgNB9ESIkEUUiJaCKdVVV0DrJsKyrF0hf+gtrttO4tLIiNP7RcJtF27ibrvDr5GiLoEmgtNk7ZZtfLMF4tdvGTCdN5uOKSIwyHjjCJPCxGNwZDyghjXjBdAhn2ubAbhuSRBBnsJKjKDrbtWiMm0UkbIthbmy9k6F8lFTQYmgvtnw7E7nBbktSJYkSJyNqbdQKnVPu/UugfTOzMCHFdlvnJSMy4yy48D8ZwUcktK+0KKAlWrYqvTw8FovTQYs3tZZITwsyXZbbhtNPiPIytW5DQvNF7IL7zbgr/AK9dBG121x110Gm35ZOOEggKG11VVoifd6CSf2sskCdJgS3ZbUuI6bEhvkZLa42SgY1EFRaEnkugg/brGfzMv7bX4egP26xn8zL+21+HoD9usZ/My/ttfh6A/brGfzMv7bX4egSS8Us7WWQrSDr6w5DKuOmpByISI4vRdm2nsJ5aCoaA0Fm7e9u8mz7IQsePsicjarr77qqDLDQqiK46SISolVROiKqr4JoOh8Q/ijlmGZjY8lak27JG7c9zvW103YX91AJGjFxW5CKjTqi57tenRNBkd8/4+9y8xmS8xk3q3PyosbazZwE2GmYzO4+NuQ6qoZVIiUnEBFVfop0QOStBtDD+4eF2qwYstyauTl7xC4zLpb40YGRiyXJCxzaF6QTnI2InF9tBaLci+Ogf4v3uxiBFjtzwuDSJZWbZOagNCy4681MnSlViWzMiuRwVZbdag4Je0hNrQV0DrJu8eHW+4QITcmZdBjswDZlRxiuM2ov0MoxO2wkcqT4yJIuuC5so41StaEIYjP8AIOwrHm2vhnLCntz2pL7otIUp962Q4cWZKBHFHlKTFcfd2127kVFMqroLXbO9WORpMtwxuDLTrtsfRlgGFF8IEBIr0V/edBaeNPFEVdvl5aDxaO9GNQ4z4LBcafMIab+I3m3Rj21iGcZ1tuZDqyjjJkPIriKhdQRdBWe33cG2483cQluS4r0tYxMzoAtm8gsGROMEjhtUbf3JuVC+inRdUW2N3pxBkpLvDcSKTeUuhMmiG2IDdm5ok2PxCNAfwwEBJxKqkv3m3pqBZJ7wWybZLhHmnNOdNgFEJRARU3Uky3GFOQDwFxNsyWwVsmzQttKDQS0GtP1JfTqg/Ul9OgP1JfToEUyWq5fBer7rCp/Rz59QU3QGg6u/g2EPhzA0QfjEKAir9JGlR+lPk3ItafNoOptBqT+U7GQPdm7qNmQyEXWDuYNIqmsMTq57vXahbSP/AGoteldBwNoNmRO1EK5Yt29mwJD4XXMbhMgzFcUDYYbjPi2joAiNl7IEpnuc608tBPg/ZJjMJN/G3X9Ah2+WVvsUs4yUucriffBsU5v7KG3G3VqXvJoNdwLDfLgkgoFulTEiqAylYZcdRpXT420c2Cu1TNdo18V6aDKkYZmEa7sWaTYrgzeJKVjW1yK+ElxKKtQZUEcLoi+CaBwxacqg2didcrTOiW96iRJ8iO62w6i+Gx0xQC/yXQWmx4g1Jw+TmN5nO2+xMzQtrRRoyS5Dskg5FQWzdjAICPiROePROugms/bm/wCSDepeJi9d7RaB3DMWO60chaIvE0yCPVe9rqCEvprTQIbfjuWXEpI2+zT5hQiIJiR4zzqskPvC7sFdip5oWgigWfIrhy/AWyXM4XAYe4GHHdjriqgNlsFaGSiqCK9V0EsLHcsnhLODZp8oIBEE8mIzziMEFVIXlEV41Si1QtAp+MX06A+MX06Be8/W9R3K+Dap/QtAj0BoNofx47pM9vs+blXAlSxXNv4K6KiKvGJEhNv7U8eI06+e1SoldB3Pcc9we2w4824ZBbokSWgrFfelMgDqF4K2pEm5PlTQI+43dzEcQwyTkBzos4jaVLXEZebcWU6aewIbSXcHWpkngPXQfnTKkuSpT0l3byvmTjm0UEdxqpLQRoiJVfBNBtDNv/n/ALa/8u9/9gNBZzyOy9s8R7c224W+bJuiODmL4wpjUNEdkGrccXwciylcT4ZvaooQefp6BcIWJTbTfO80XG1VBvNpj3OxG2SNqbVwU3hFpV20XcRNh51TpoIu2seRZ2O1GPZI05Hyxq+TpUODJqkqLbDiuCouNl7bSOOoJCJUrTQIGYV/x6293bjmgutWi7tusWkpJVbm3EpClEci1VReRpBRVJvoIp8nQE3ZrJO6tos7x4/jq5PiVyk8NytTjHxLBOoI7lNA3EzUKJyGmxada7egXEYWLplHdnHMJEXxmWcFgW6IXNvkNqByWYqDVXNhkXsjX0J0TQIp1pyW89u8Ch4Sy8Umyy5bd+jRq8kO6c6KEmWIVUBQEXa6XsiPSqeGgtuZX+zzLR3xuGPPgcatiaOVHJFbcdM1YlE2qdKHUxVU97qvnoPeLXh6Tg+FT8UsE7JpFpA3boNtu/wJMXDm5HPjI6NuE7zUqhH0UenhoOecuuwXDKrvPCEltSVMfe/TxNHEYU3CJWkNEFFQVWnRE0Cjn0GObtZrZegfn0GDoDQGgNAaA0BoDQXvt/k93tGJZvb4VikXWNeIDUedPZ38cBsTJUed2tuJtJVp7RD/AI6DB7UX642DuFZbxbbS9fJ0N4jYtMbdyvqrZDtDYDxVRFr0BfDQIL7Kel3y4ynmCivPyXnXIx13NkbikoFVBWoqtPBNBjMkY1oiqPnTQSchfVL1aA5C+qXq0ByF9UvVoDkL6perQHIX1S9WgOQvql6tB4I15RWi1p4U6+eg/9k=) no-repeat;
}
#main-footer > div > p.copyright {
    color: #2aa9de;
    margin: 45px 0 0;
    padding-bottom: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}
#main-footer ul.socials a,
#main-footer ul.stores a {
    display: block;
    overflow: hidden;
    text-indent: -500px;
    height: 100%;
}

#progress{
    width: 100px;
    display: block;
    height: 12px;
    border: 1px solid #555;
    border-radius: 10px;
    background: white;
    text-align: left;
}
#progress span
{
    position: absolute;
    background: #555;
    border: none;
    left: 0;
    height: 100%;
    width:0%;
    font-size: 10px;
    text-align: right;
}

#progress span.preSuccess
{
    width: 80%;
}

#progress span.success
{
    width: 100%;
}

#progress span.failed
{
    background: #c00;
    width: 100%;
}

/* ================================================== */
/*                    Buttons                         */
/* ================================================== */
.rcBtn {
    border: 1px solid;
    -webkit-border-radius: 20px;
    border-radius:20px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    position: relative;
    transition: .5s all;
}

.isDisabled {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}

.btnWhite {
    border-color: #1dadea;
    background-color: #ffffff;
    color: #1dadea;
}

.btnWhite:hover {
    background-color: #dfe5eb;
}

.btnBlue {
    background-color: #1dadea;
    color: #ffffff;
}

.btnBlue:hover {
    background-color: #167dc1;
}

a.rcBtn {
    padding: 8px 20px;
}

button.rcBtn {
    padding: 9px 20px;
}

input.rcBtn {
    padding: 9px 20px;
}

.btnGrp .rcBtn {
    margin-right: 5px;
}

/* ================================================== */
/*                 Social buttons                     */
/* ================================================== */
.btn-social {
    display: inline-block;
    text-align: center;
    height: 40px;
    border-radius: 20px;
    line-height: 40px;
    color: white;
    position: relative;
    padding-left: 15px;
    width: 100%;
    transition: .5s all;
}

.btn-social.style-apple {
    background-color: black;
}

.btn-social.style-apple:hover {
    background-color: #333333;
}

.btn-social.style-facebook {
    background-color: #1877F2;
}

.btn-social.style-facebook:hover {
    background-color: #0458c3;
}

.btn-social img {
    position: absolute;
    left: 12px;
    top: 10px;
    height: 20px;
}

.btn-social.style-apple img {
    top: 8px;
}

.social-connect {
    margin: 20px 0;
    min-height: 40px;
}

.social-connect .btn-social:last-child {
    margin-top: 20px;
}

.social-connect.social-connect-reg {
    margin: 0 auto 15px auto;
}

.social-connect.social-connect-auth .btn-social.style-apple {
    float: none;
}

.social-connect.social-connect-auth .btn-social.style-facebook {
    float: none;
}

#authentication .field-wrapper input {
    border: none;
}

.socialElement {
    padding: 29px 0px 0px 5px;
    width: 100%;
}
.socialElement a {
    float: right;
    margin-top: -8px;
}
.socialElement img {
    display: inline-block;
    vertical-align: sub;
    margin-right: 5px;
}

.socialElement p {
    display: inline-block;
    padding: 0;
    margin-bottom: 20px;
}

.noWrap {
    white-space: nowrap;
}
/*
     FILE ARCHIVED ON 13:59:31 Jun 06, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:20:03 Mar 09, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.88
  load_resource: 127.229
  PetaboxLoader3.resolve: 64.64
  PetaboxLoader3.datanode: 8.432
*/