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


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

.rounded {
    margin: 0 15px 10px 5px;
}

.mobileOnly {
    display: none;
}

div.error-message {
    padding: 26px 20px 20px 60px;
}  

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

#profile_detail .infoMobile {
    display: none;
}


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


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

/* Main Menu */




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

body.menuOpen {
    height: auto !important;
}

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

header {
    padding-left: 0;
    padding-right: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

header .container {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

header .rc-logo {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
}

header .rc-logo img,
header .rc-logo svg {
    margin: 5px 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#right-container {
    display: inline-block;
    flex: 1 0 auto;
    float: right;
    text-align: right;
}

.ecom #right-container {
    margin-top: 15px;
}

/*=== Main Avatar === */

#profil-nav {
    display: inline-block;
    float: none;
    height: auto;
    position: relative;
    margin: 0 10px 0 25px;
    vertical-align: middle;
    width: auto;
}

#profil-nav .availability {
    width: 13px;
    height: 13px;
}

#profil-nav .heading {
    height: 50px;
    margin: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    vertical-align: middle;
    width: 50px;
}

#profil-nav .heading .avatar img {
    display: block;
    height: 50px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 50px;
}

.block-avatar {
    float: none;
    width: auto;
    position: relative;
    right: auto;
    text-align: left;
    top: auto;
    vertical-align: middle;
}

.bluestatus, #profileMenu .bluestatus {
    font-size: 14px;
}
#profileMenu .bluestatus {
    padding-left: 0;
}

body.menuOpen #banner {
    display: block;
}

.subscribe {
    padding: 5px 0;
    display: inline-block !important;
    float: none;
    vertical-align: middle;
    position: relative;
    width: auto;
    z-index: 1;
}

body.unlogged .subscribe {
    margin: 0;
    padding: 0;
}

.subscribe a.btn-white,
.subscribe a.btn-red {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

body.unlogged .subscribe a.btn-white {
    font-size: 14px;
    margin-bottom: 4px;
    line-height: 17px;
    margin: 0 auto;
    padding: 5px 15px;
}

body.logged .subscribe .btn-red {
    margin-top: 0;
}

/* Bouton rouge */

.subscribe .btn-red {
    line-height: normal;
    font-size: 14px;
    font-weight: 700;
    border-radius: 20px;
    display: inline-block;
    max-width: inherit;
}

body.logged #main-menu_container .btn-red {
    margin-top: 10px;
}

header #profil-nav .fleche-haut {
    border-bottom: 12px solid #fff;
    margin-left: -10px;
    top: 2px;
    left: 50%;
    display: block;
}


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

header.fixed {
    -webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px 2px 8px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         0px 2px 8px 0px rgba(50, 50, 50, 0.4);
    padding: 10px;
    width: 100%; /* Make sure width is always 100% in case of resize */
}

header.fixed .rc-logo img,
header.fixed .rc-logo svg {
    height: 60px;
    margin: 0;
}

header.fixed #profil-nav .heading {
    height: 30px;
    width: 30px;
}

header.fixed #profil-nav .heading .avatar img {
    height: 30px;
    width: 30px;
}

header.fixed .subscribe a.btn-white,
header.fixed .subscribe a.btn-red {
    font-size: 12px;
}

body.unlogged header.fixed .subscribe a.btn-white,
body.unlogged header.fixed .subscribe a.btn-red {
    display: inline-block;
    line-height: normal;
    margin: 0;
    vertical-align: middle;
}

body.unlogged header.fixed .subscribe a.btn-white {
    margin-right: 5px;
}

header.fixed #profil-nav {
    margin-left: 15px;
}




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

#main-menu_container {
    background:#fff;
    clear: none;
    display: inline-block !important; /* We need important here when we expand collapse menu and then resize page to above 1020px */
    margin: 0;
    padding: 0;
    border:0;
    position: inherit;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    vertical-align: middle;
    width: auto;
    z-index: inherit;
}

#main-menu_container.hasCounters {
    margin-top: 15px;
}

#main-menu {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

#main-menu ul {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.unlogged #main-menu ul {
    margin: 0;
    padding: 0;
}

#main-menu li {
    display: inline;
    border: none;
    color: #1c1d1d;
    overflow: hidden;
    position: relative;
    float: left;
    text-align: center;
}
#main-menu li:last-child {
    border: none;
}

#main-menu li span.counter,
#main-menu li span.counter-views {
    display: inline-block;
    font-size: 14px;
    margin: 0;
    padding: 1px 8px;
}

#main-menu li a {
    display: block;
    float: none;
    font-size: 15px;
    line-height: normal;
    padding: 0;
}

#main-menu li a .textIcon {
    border-right: 1px solid #bcc8cd;
    display: block;
    min-height: 40px;
    padding: 0 10px;
}

#main-menu li:last-child a .textIcon {
    border-right: none;
}

#main-menu li a svg.svg-icon {
    display: block;
    float: none;
    height: 14px;
    margin: 5px auto;
    position: static;
    top: auto;
    -webkit-transform: none;
    transform: none;
}

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

#main-menu li a svg.messages-icon {
    width: 19px;
}

#main-menu li a svg.views-icon {
    width: 27px;
}

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

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

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


#main-menu li span.counter,
#main-menu li span.counter-views {
    display: inline-block;
    font-size: 14px;
    margin: 0;
    padding: 1px 8px;
}

#menuOverlay.show {
    display: none;
}

#desktopMenuOverlay.show {
    background: #000;
    bottom: 0;
    display: block;
    left: 0;
    opacity:0.6;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}

.profile-header-progress {
   border-radius: 25px;
   width: 50px;
   height: 28px;
   border: 1px solid #d4d4d4;
   position: relative;
   margin: 0 10px 0 0;
   overflow: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
   vertical-align: middle;
}

.ecom .profile-header-progress {
    margin: 0;
}

.profile-header-progress.show {
    display: inline-block;
}

.profile-header-progress p {
    color: #1c1d1d;
    font-size: 15px;
    font-weight: 400;
    height: 100%;
    line-height: 26px;
    position: relative;
    text-align: center;
}

#toggleMainMenu, #toggleMainMenu.closebtn, #default.unlogged #toggleMainMenu,
#application_ecom_buy_paymentInfo_subscription_from_promo.unlogged #toggleMainMenu {
    display: none;
}

/* Targeting Firefox */

@-moz-document url-prefix() { 
  header #profil-nav .fleche-haut {
     top: 3px;
  }
}

header #profil-nav .body {
    clear: both;
    padding: 14px 0 0;
    position: absolute;
    left: inherit;
    margin: 0;
    right:-78px;
    top: 50px;
    vertical-align: middle;
    width: auto;
}

.desktop-avatar {
    display: inline-block;
    float: left;
    position: relative;
}

.profil-options {
    background: #fff;
    width: 210px;
    padding: 15px 18px;
}

.profil-options a {
    font-size: 15px;
    font-weight: 600;
    color: #1c1d1d;
    line-height: 28px;
    display: inline-block;
    padding: 0;
}

.profil-options #switch {
    height: 30px;
    margin-bottom: 15px;
}

.profil-options #switch > .switch {
    width: 40px;
    height: 28px;
    border-radius: 25px;
    margin-right: 10px;
}
.profil-options #switch > .switch > span { 
    width: 22px;
    height: 22px;
    top: 3px;
    left: 3px;
}

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

#switch a, .profil-options ul li:first-child a {
    line-height: 28px;
    margin-right: 3px;
}
.profil-options ul li {
    padding: 5px 0;
}

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

.profil-options ul li:first-child > .btn-blue {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 18px;
    padding: 5px 0;
}

.profil-options ul li:last-child {
    padding: 5px 0 0;
}

.profil-options ul li .svg-icon {
    max-height: 15px;
    max-width: 15px;
}

.profile-progress {
    width: 40px;
    height: 28px;
    border-radius: 25px;
    margin-right: 5px;
}

.profile-progress p {
    font-size: 14px;
    height: 28px;
    line-height: 26px;
}

.containerMobile {
    width: auto;
    margin: 0;
    display: inline-block;
    float: left;
}

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

#main-progress {
    display: inline-block;
    float: left;
    width: 50px;
    height: 28px;
    border-radius: 15px;
    border: 1px solid #d3d3d3;
    margin: 20px 15px 0 0;
    position: relative;
    overflow: hidden;
}

#main-progress p {
    position: absolute;
    left: 33%;
    top: 25%;
    font-size: 12px;
    color: #1c1d1d;
    font-weight: 400;
    margin-top: 0;
}

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



/* === Fixed Nav === */
header.fixed #main-menu_container {
    margin-top: 0;
}

header.fixed #main-menu ul {
    max-width: none;
}

header.fixed #main-menu li a {
    border-right: 1px solid #bcc8cd;
    min-height: 22px;
    padding: 0 10px;
}

header.fixed #main-menu li:last-child a {
    border-right: none;
}

header.fixed #main-menu li a .textIcon {
    border: none;
    display: inline-block;
    min-height: auto;
    padding: 0;
}

header.fixed #main-menu li a span.icon2,
header.fixed #main-menu li a svg {
    display: none;
}

header.fixed #main-menu li span.counter, 
header.fixed #main-menu li span.counter-views {
    margin-left: 2px;
    vertical-align: middle;
}

header.fixed #profil-nav .body {
    right: -87px;
    top: 30px;
}

header.fixed .profile-header-progress {
    height: 25px;
}

header.fixed .profile-header-progress p {
    line-height: 24px;
}




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

.bannerContent,
.base-2col .bannerContent {
    max-width: 1000px;
}




/* ================================================== */
/*                    Superbanner                     */
/* ================================================== */

.superbannerContainer > div,
.superbannerContainer > div iframe   {
    max-width: 970px;
}

.superbannerLong .superbannerContainer,
.superbannerLarge .superbannerContainer {
    display: block;
}




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

#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 {
    padding: 10px 0;
    width: 150px;
}
#profile_account.unlogged #asideLeft .btn-red, #profile_parameter.unlogged #asideLeft .btn-red, #profile_detail.unlogged #asideLeft .btn-red, #profile_account_settings.unlogged #asideLeft .btn-red,
#default.unlogged #asideLeft .btn-red, #application_ecom_buy_paymentInfo_subscription_from_promo.unlogged #asideLeft .btn-red {
    padding: 5px 17px;
}
#profile_account.unlogged #asideLeft .btn-white, #profile_parameter.unlogged #asideLeft .btn-white, #profile_detail.unlogged #asideLeft .btn-white, #profile_account_settings.unlogged #asideLeft .btn-white,
#default.unlogged #asideLeft .btn-white, #application_ecom_buy_paymentInfo_subscription_from_promo.unlogged #asideLeft .btn-white {
    padding: 5px 19px;
}
#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: 150px;
}
#profile_account.unlogged #asideLeft .rc-btn-facebook, #profile_parameter.unlogged #asideLeft .rc-btn-facebook, #profile_detail.unlogged #asideLeft .rc-btn-facebook, #profile_account_settings.unlogged #asideLeft .rc-btn-facebook,
#default.unlogged #asideLeft .rc-btn-facebook, #application_ecom_buy_paymentInfo_subscription_from_promo.unlogged #asideLeft .rc-btn-facebook {
    background-color: #29529f;
    color: white;
    display: inline-block;
    float: left;
    font-size: 16px;
    height: 39px;
    line-height: 39px;
    margin: 14px 0 20px 0;
    text-align: center;
    width: 107px;
}
#widget-home-testimonial {
    width: 310px;
}



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

#main-container {
    max-width: 1000px;
    text-align: left;
}

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

#main-container #content {
    padding-left: 0;
    padding-right: 0;
}

.base-2col #main-container #content {
    background: url(/web/20210606135948im_/https://www.reseaucontact.com/static/img/background/top-right-bg.svg) top right no-repeat;
    float: left;
    padding: 35px 35px 100px 0;
}

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

.unlogged.homepage.base-2col #main-container #content {
    background: none;
    clear: both;
    display: inline-block;
    float: left;
    padding: 0;
    width: 660px;
}

.activity-content #showEndAt {
    clear: none;
}


/*=== Profile === */

.device_android #sniffer.show,
.device_ios #sniffer.show {
    display: none;
}


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

.who-item {
    margin: 0 5.2px 30px;
    min-height: 280px;
    width: 148px;
}


.who-view {
    margin: 0 10.3px 0;
    width: 138px;
    height: 245px;
}


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

/* === Read message === */

.messageHead .titles {
    margin: 10px 0 0;
    width: 510px;
}



/* ================================================== */
/*                     Search                         */
/* ================================================== */

#search fieldset .rc-form-field {
    margin: 0 1% 15px;
    width: 31.3%;
}




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

/* === Display Gift === */

#default .modal#gifts, .modal#gifts {
    margin-left: -495px;
    padding: 30px;
    width: 990px;
}

#gifts.modal.giftSentModal, #default #gifts.modal.giftSentModal {
    margin-left: -317px;
    width: 635px;
}

#profile_detail #gifts.modal.giftSentModal  .notice.valid {
    width: 75%;
}

.modal#gifts .modal-header {
    margin: 0;
    padding: 0;
}

.modal#gifts .modal-body, #default .modal#gifts .modal-body {
    margin:0;
    padding: 30px 0 0;
}

#default #gifts.modal p.validity {
    padding: 0 0 0 200px;
}

#gifts_offer_scroll .gifts {
    height: 240px;
    width: 908px;
}

#gifts_offer_scroll .gifts .viewport {
    height:240px;
    left: 25px;
    width: 860px;
}
#gifts_offer_scroll .gifts .viewport ul.overview {
    margin: 40px 0 0;
}

#gifts_offer_scroll .gifts .viewport ul.overview li {
    margin: 0;
    padding: 10px 0;
    width: 216px;
}

#tokens {
    top: -25px;
}

.modal#gifts .slashline {
    position: absolute;
    top: -45px;
}

#gift_sent .notice,
#gift_sent .form {
    margin: 0 15px;
}

#profile_detail .modal#gifts .notice.valid, #default .modal#gifts .notice.valid {
    width: 48%;
}

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

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

/* === Authentification === */

#modal-auth {
    margin: -277px 0 0 -495px;
    max-width: 990px;
    padding: 15px 30px !important;
    width: 990px;
}
#modal-auth .close {
    right: 10px;
    top: 10px;
}
#modal-auth .login-part {
    padding-right: 50px;
    width: 480px;
}

.modal .modal-body #authentication .rc-btn-facebook, .modal .modal-body #authentication .rc-btn-facebook:active {
    width: 385px;
    margin-right: 0;
}

#modal-auth .subscribe-part {
    width: 430px;
    margin: 0 0 0 15px;
}

#modal-auth h2 {
    font-size: 26px;
}

#modal-auth #authentication .auth-block {
    margin:20px 0;
    padding: 30px 45px;
}

#modal-auth .subscribe-part p.subtitle {
    font-size: 22px;
}

#modal-auth .subscribe-part ul {
    padding: 10px 0;
}

#modal-auth .modal-body {
    width: 930px;
}

/* ================================================== */
/*                   Right Column                     */
/* ================================================== */

#aside, .unlogged #aside, .unlogged.homepage #aside {
    background: url(/web/20210606135948im_/https://www.reseaucontact.com/static/img/background/top-left-bg.svg) top left no-repeat #eff4f8;
    clear: none;
    display: inline-block;
    float: right;
    padding: 35px 0 0;
    width: 330px;
}

.unlogged.homepage #aside {
    background: none;
    margin: 4px 0 0;
    padding: 0;
}

div.inner {
    height: auto;
}

/*=== Home unlogged === */


#suggestions ul li {
    margin: 0 0 10px;
}

.unlogged.homepage #aside section.shortsearch {
    padding: 30px 15px;
}

.unlogged.homepage #aside .shortsearch .age_2.age {
    float: left;
    width: 166px;
}

.unlogged.homepage #aside .shortsearch label.and {
    margin: 0 0 0 9px;
}
#aside .inner {
    width: auto;
}

#aside section {
    width: 100%;
    display: block;
} 
#aside section#adSpace-topRight {
    border-top: 3px solid white;
    padding: 10px 15px 0;
}

#aside section:first-child {
    border: none;
}

#aside section#adSpace-topRight:first-child {
    border-top: none;
    margin: 0;
    padding: 20px 0 20px;
}

#aside section.activities:first-child {
    margin: 0;
    padding: 0 15px;
}

#aside section#share-file {
    margin-bottom: -10px;
}

#aside #widget-app-mobile h2 {
    padding: 0 50px;
}

.unlogged #aside section.shortsearch form {
    margin: 0;
    width: auto; 
}

body.unlogged #aside #widget-avantage-privilege .rc-btn  {
    max-width: 70%;
}

#aside .widget.autopromo .rc-btn  {
    max-width: 70%;
}

/*=== Search === */

#aside section#search-container,
section#widget-community-stats {
    display: block;
    padding: 15px;
}

#aside .search .submit {
    margin: 10px 0 20px;
}

#aside .search .rc-btn {
    display: inline-block;
    float: left;
    margin: 0;
}

#aside .search #sexe-custom {
    float: left;
    width: 115px !important;
}

#aside .search .f_age {
    float: right;
    margin: 0;
    width: 180px;
    clear: none;
    display: inline-block;
}

#aside .search-container .submit .advanced_search {
    float: right;
    margin: 5px 0 0;
}

#aside .search-container .f_age .age label {
    font-size: 14px;
    padding: 0 2px 0 10px;
}
#aside .search-container #sexe-custom {
    margin: 0;
}

.unlogged #aside section#search-container {
    display: block;
    width: 100%;
}

.unlogged.homepage #aside section.activities {
    display: block;
    min-height: 336px;
    width: 100%;
}

.chat-forum-aside {
    padding: 15px 0;
}

/*=== Profile === */

#profile_detail #main-container #aside {
    display: inline-block;
    width: 330px;
}


/*=== Gift === */

#aside section.gift {
    padding: 10px 0;
}

#aside section.gift h4 {
    padding: 0 0 0 10px;
}

/*#aside section.gift p {
    padding: 5px 10px 0 10px;
}*/

#aside section.gift ul li.rounded {
    float: left;
    height: 55px;
    margin: 0 4px 10px;
    padding: 0;
    width: 55px;
}

#aside section.gift ul li.rounded:first-child {
    margin: 0 3px 10px 10px;
}

#aside section.gift .empty .rounded {
    height: 77px;
    left: 3px;
    margin: 0 15px 10px 5px;
    top: 1px;
    width: 77px;
}

#aside section .rounded img {
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}

#aside section.gift .empty .rounded img {
    left: 0;
    top: 0;
}

#aside section.gift p {
    font-size: 15px;
    font-weight: 500;
    padding: 0 10px 10px 10px;
}

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


#profile_detail #aside section.album > div.expended ul li, #profile_detail #aside section.album > div.expended ul li.last {
    margin: 0 5px 5px 0;
}

#profile_detail .quote {
    margin: 10px 0 0;
}
.quote blockquote {
    font-size: 40px;
    line-height: 42px;
}
p#breadcrum {
    padding: ;
}

/*=== Envie de Jaser === */

.highlight {
    margin: 40px 0 0;
}

/* === Chat === */

#profile_detail #content #media {
    margin: 0;
}

#profile_detail #content #media a {
    display: inline-block;
    height: 47px;
    position: relative;
    text-indent: 0;
    vertical-align: top;
    width: 67px;
}

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

/* Main Avatar */

#cropperContainer {
    min-height: 584px;
}

@media all and (-ms-high-contrast:none) {
    #cropperContainer {
        overflow: hidden;
    }
}

/*=== Bloc Preferences === */

/* Modify preferences */

#formPreferences #sexe-custom, #formPreferences #orientation-custom, #formPreferences #age-custom-pref,
#formPreferences .postcode, #formPreferences .distance, #formPreferences .goal {
    margin: 0 15px 10px 0;
}

#formPreferences #age-custom-pref, #formPreferences .goal {
    margin: 0;
}

#modify-infos #chooseSex {
    width: 208px;
}

#modify-infos .city-selector {
    width: 318px;
}




/* ================================================== */
/*                    Account                         */
/* ================================================== */

.unlinkSocialDesc {
    clear: none;
}




/* ================================================== */
/*                     Ecom                           */
/* ================================================== */

.ecom h2 {
    line-height: 60px;
}

.ecom #registration-wrapper .inner {
    padding: 0;
}

.ecom #registration-wrapper fieldset,
.ecom #registration-wrapper form fieldset {
    padding: 30px 15px;
}

.ecom #payment-info-process #cc-info .cc .btn-white {
    float: right;
    margin: -5px 0 0;
}

/*=== Timeline  === */

/* Step 2 */

.ecom #registration-wrapper .timeline.buyToken .cursor.step2 {
    left: 46.7%;
}

.ecom #registration-wrapper .timeline .blueprogress.step2 {
    width:44%;
}

.ecom #registration-wrapper .buyToken .blueprogress.step2 {
    width: 47%;
}

.ecom #registration-wrapper .timeline .blueprogress.step3 {
    width: 67%;
}

.ecom #registration-wrapper .timeline .cursor.step3 {
    left: 67%;
}

.ecom #registration-wrapper .buyToken .blueprogress.step3 {
    width: 68%;
}

/*=== Free Trial : First Step  === */

.ecom #registration-wrapper .timeline.getFreeTrial .cursor.step2 {
    left: 50%;
}

.ecom #registration-wrapper .timeline.getFreeTrial .blueprogress.step2 {
    width: 50%;
}

.ecom #registration-wrapper .timeline.getFreeTrial span label, .ecom #registration-wrapper .timeline.getFreeTrial span label[data-for="1"], .ecom #registration-wrapper .timeline.getFreeTrial span label[data-for="2"] {
    width: 33.3%;
}

#application_ecom_buy_pay_subscription_trial_period .popover,
#application_ecom_buy_paymentInfo_subscription_trial_period .popover,
#application_ecom_buy_paymentInfo_subscription .popover {
    max-width: 610px;
}
#application_ecom_buy_pay_subscription_trial_period .popover .close,
#application_ecom_buy_paymentInfo_subscription_trial_period .popover .close,
#application_ecom_buy_paymentInfo_subscription .popover .close {
    display: none;
}

#transaction-summary-free-trial p {
    font-size: 16px;

}
/*=== First Step : Choose Subscription  === */

.choose-subscription span.save {
    bottom: 90px;
}

.payment-method-paypal label, .payment-method-card label {
    margin: 25px 0 0 10px;
}

span#visa {
    margin: 0 10px 0 0;
}

span#mastercard {
    margin: 15px 15px 0 0;
}

/* Choose Mobile & Tablet */

.choose-subscription span.payment {
    font-size: 24px;
}

.choose-subscription span.payment strong {
    font-size: 45px;
}

.ecom #registration-wrapper fieldset.success-confirmation {
    padding: 50px 0 0;
}

.ecom #registration-wrapper .timeline span label, .ecom #registration-wrapper .timeline p label, .ecom #registration-wrapper .timeline.getFreeTrial span label[data-for="3"] {
    line-height: 57px;
    padding: 0;
}

.ecom #registration-wrapper .timeline span label {    
    position: static;
}

.ecom #registration-wrapper .timeline span label.disabled {
    display: inline-block;
}

.ecom #registration-wrapper .timeline span label[data-for="2"] {
    left: 31%;
    width: 20%;
}
.ecom #registration-wrapper .timeline.getFreeTrial span label[data-for="2"] {
    line-height: 57px;
}
.ecom #registration-wrapper .timeline .cursor.step2 {
    left: 44%;
}
.ecom #registration-wrapper .step2 {
    width: 44%;
}

.ecom .products-container {
    margin: 0 auto;
    width: 740px;
}
.ecom .choose-subscription {
    min-width:230px; 
}

#transaction-summary-table-promo {
    max-width: 650px;
    padding: 0 40px 0 0;
}
#transaction-summary-table tr td.last {
    width: 30px;
}

/*=== Second Step : Payment Method  === */

#payment-method-container.payment ul {
    padding: 5px 0 0 20px;
    vertical-align: top;
}

.ecom #payment-method-container.payment ul li.nonRefundable {
    padding: 20px 0 0 0;
}

#payment-method-container.payment ul li.noexchange {
    padding-top: 12px;
}

/* Achat Jeton */

.ecom#application_ecom_buy_token .products-container {
    margin: 30px 0 0;
}

.ecom#application_ecom_buy_token #registration-wrapper form {
    padding: 0 140px 20px;
}

.ecom#application_ecom_buy_token #registration-wrapper fieldset {
    margin: 0 0 40px 0;
    padding: 0;
}

.ecom #registration-wrapper form#payment-info-process {
    display: inline-block;
    min-width: 290px;
    width: 290px;
}

.ecom #registration-wrapper form#payment-info-process h2 {
    font-size: 30px;
    line-height:32px;
    margin:17px 0 25px;
}

.ecom .products-container span.title {
    margin: 0 7px;
    min-width: 230px;
}

.ecom #registration-wrapper form#payment-info-process fieldset, .ecom #registration-wrapper fieldset#payment-method-fieldset {
    margin: 0;
}
.ecom .choose-subscription span.buy, .ecom .choose-subscription.active span.buy {
    width: 200px;
}

.ecom#application_ecom_buy_token #registration-wrapper .timeline span label[data-for="1"] {
    left:7%;
    width: 24%;
}

.ecom #registration-wrapper .timeline.buyToken span label[data-for="0"] {
    width: 13%;
}

.ecom #registration-wrapper .timeline.buyToken span label[data-for="1"] {
    width: 24%;
}

.ecom #registration-wrapper .timeline.buyToken span label[data-for="2"] {
    width: 20%;
}

.ecom #registration-wrapper .timeline.buyToken span label[data-for="3"] {
    width: 26%;
}

.ecom #registration-wrapper .timeline.buyToken span label[data-for="4"] {
    width: 17%;
}

.ecom #registration-wrapper.error .buyToken .blueprogress.step5 {
    width: 68.8%;
}

.ecom #paymentSuccess .btn-white {
    margin: 10px 0;
}
.ecom .success-confirmation .left-column.trialConfirmed {
    max-width: 600px;
}
.ecom .right-column.trialPeriod {
    display: inline-block;
    float: right;
    width: auto;
}

/* Modal */

.ecom #moneris.modal {
    margin: -290px 0 0 -337px;
    left: 50%;
    top: 25%;
    position: absolute;
    width: 674px;
}

/*=== Final Step : Confirmation  === */

.ecom .right-column {
    display: block;
    float: right;
    width: 310px;
}

.ecom #registration-wrapper form fieldset.success-confirmation {
    padding: 0;
    width: 100%;
}

.ecom #registration-wrapper form fieldset#transaction-detail {
    margin: 35px 0 0;
}

.ecom .package.mobile {
    display:none;
}

.ecom .left-column {
    padding: 0 220px 0 0;
}
.ecom #registration-wrapper .timeline span label[data-for="4"] {
    width: 20%;
}


#transaction-summary-table tr td#delete-promo-container .close {
    right: 0;
    top: 16px;
}

.ecom .success-confirmation .left-column {
    padding: 0 35px 0 0;      
}

/*=== Free Trial : Error  === */

.ecom #registration-wrapper.error .timeline.getFreeTrial .cursor.step2 {
    left: 66%;
}

.ecom #registration-wrapper.error .timeline.getFreeTrial .blueprogress.step2 {
    width: 66%;
}

.ecom #registration-wrapper.error fieldset.trialError {
    margin: 0;
    padding: 30px 15px 0;
}


/* ================================================== */
/*                  Home Logged                     */
/* ================================================== */

#default.logged #newsfeed .actor-photo .smalliconContainer {
    bottom: inherit;
    top: 70px;
}

span.blueStatus {
    max-width: 635px;
    width: 635px;
    word-break: break-all;
}

/* ================================================== */
/*                  Home Unlogged                     */
/* ================================================== */

.unlogged header {
    max-width: 100%;
    width: 100%;
}

.unlogged header .container {
    margin: 0 auto;
    width: 1000px;
}

.rc-btn-facebook, .rc-btn-facebook:active {
    width: 156px;
    margin-right: 20px;
}

.unlogged.homepage #main-container-inner {
    margin: 5px 0 15px;
    width: 100%;
}

.unlogged .subscribe .btn-red  {
    margin-top: 5px;
}
.unlogged #home-content ul {
    padding: 0;
}
.unlogged #home-content ul li, .unlogged #home-content ul li#home-create-profile,
.unlogged #home-content ul li#home-privilege {
  margin: 4px;
}

.unlogged #home-content ul li#home-testimonials {
    margin: 4px 8px 4px 4px;
}

#home-create-profile, #home-testimonials {
    height: 320px !important;
    width: 320px !important;
}

/* ================================================== */
/*                   Registration                     */
/* ================================================== */

#registration-wrapper {
    margin: 0 auto;
}

#registration-wrapper .connect {
    display: none;
    height: auto;
    position: absolute;
    right: 0px;
    top: 35px;
    width: auto;
}

#registration-wrapper .facebook-header {
    margin-top: 20px;
}

#registration-wrapper .facebook-sep span {
    width: 45%;
}

#registration-wrapper form {
    min-width: 430px;
}

#registration-wrapper form.fb .cp-selector .field-wrapper {
    width: 115px;
}

/* Conseils */
.practicle div.tabs,
.theoric div.tabs {
    height: 25px;
}



/* ================================================== */
/*           Email Validation Interception            */
/* ================================================== */

/* === Header === */
.interceptionEmailValidHeader #profil-nav {
    position: relative;
}

.interceptionEmailValidHeader header #profil-nav .body {
    margin: 0;
}

/* === Content === */

.interceptionEmailValidContainer > div {
    padding: 10px 3%;
}

.interceptionEmailValidContent {
    width: 40%;
}

.interceptionEmailValidIcon {
    width: 45%;
}

.interceptionEmailValidIcon .emailValidIcon {
    padding-bottom: 95%;
    width: 95%;
}

.interceptionEmailValidIcon .emailValidIcon h2 {
    padding: 12% 22% 0;
}




/* ================================================== */
/*                  Static Pages                      */
/* ================================================== */

/* Conseils */
.practicle div.tabs,
.theoric div.tabs {
    height: 25px;
}

/* === Conditions d'utilisation / Politique de confidentialité === */

#static_conditions #content, #static_confidentiality #content {
    padding: 35px 35px 80px;
}


/* ================================================== */
/*                      Webcam                        */
/* ================================================== */

#webcam_rules_iframe ul {
    padding-left: 12px;
}

#webcam_fares_iframe table tbody tr td {
    padding: 10px 0;
}

.webcam .content-header-img .title-container h1 {
    padding-left: 20px;
}




/* ================================================== */
/*                  Garde du Corps                    */
/* ================================================== */

.guardMemberNickname {
    max-width: 275px;
}





/* ================================================== */
/*                        Legacy                      */
/* ================================================== */


.main-legacy .rc-forums .response {
    margin: 15px 0 0 0;
}




/* ================================================== */
/*              Contest Subscription Form             */
/* ================================================== */

.contestSubscription button:hover {
    background-color: #00BBB3
}

.contestSubscription button:hover svg {
    transform: scale(1.2) rotate(15deg);
}



/* ================================================== */
/*                    Footer                          */
/* ================================================== */

#main-footer {
    margin: 0;
    padding: 0;
}

.ecom #main-footer,
body.menuOpen #main-footer {
    display: block;
}

#main-footer div {
    width: 1000px;
    margin: 0 auto;
}

#main-footer div ul li {
    margin-left: 0;
}

#main-footer div ul li.explore {
    max-width: 190px;
}

#main-footer ul li.socials {
    margin: 20px 0 0 30px;
}

#main-footer ul.socials {
    margin: 10px 0 20px;
}

a.mobile-network {
    line-height: 10px;
}

#main-footer ul.stores {
    margin-top: 15px;
}

#main-footer ul.stores li:first-child {
    margin-right: 7px;
}

/* ================================================== */
/*                 Social buttons                     */
/* ================================================== */
.social-connect.social-connect-auth .btn-social {
    width: 210px;
}

.social-connect.social-connect-auth .btn-social.style-apple {
    float: left;
}

.social-connect.social-connect-auth .btn-social.style-facebook {
    float: right;
}

.social-connect.social-connect-auth .btn-social:last-child {
    margin: 0;
}
/*
     FILE ARCHIVED ON 13:59:48 Jun 06, 2021 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:20:06 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.502
  load_resource: 78.09
  PetaboxLoader3.resolve: 49.066
  PetaboxLoader3.datanode: 3.161
*/