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

h1 {
    font-size: 40px;
}  

form textarea,
form input[type="text"],
.form textarea,
.form input[type="text"],
.webkit form .nested textarea {
    width: 100%;
}



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


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

/* Main Menu */


/* Theoric */

.browser-icon {
    height: 75px;
    margin: 0 20px;
    width: 117px;
}

.privacy-icon {
    display: inline-block;
    height: 129px;
    margin: 0 20px;
    width: 149px;
}

.mail-icon {
    display: inline-block;
    height: 110px;
    margin: 0 20px;
    width: 98px;
}

/* App Mobile */

.mobile h2, .advantage h2, .advantage h2 a {
    font-size: 40px;
    line-height: 40px;
}

.advantage h2 a {
    border-bottom: 1px solid #1dadea;    
    font-weight: 300;
}

.favorite-mobile {
    height: 50px;
    width: 105px;
}

.mobile a#google_play_button, .mobile a#app_store_button {
    background-size: 159px 51px;
}

.mobile div.clearfix {
    padding: 15px 0 50px;
}

/* Avantages privilege */

.bigeye {
    margin: 0 0 0 10px;
    width: 140px;
}

.calendar {
    height: 90px;
    margin: 5px 0 0 30px;
    width: 102px;
}

/* Home Unlogged */

.starPrivilege {
    height: 16px;
    margin: 10px 0 10px 15px;
    width: 39px;
}

/* Search No Result */

.msg-no-result {
    display: block;
    height: 395px;
    margin: 0 auto;
    width: 395px;
}

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

.btn-pp {
    display: inline-block;
    float: right;
    line-height: 40px;
    padding-bottom: 0;
}

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

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

.visible-sm {
    display: none;
}

.hidden-xs {
    display: block;
}







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

/* ================================================== */
/*                   Responsive UI                    */
/* ================================================== */

input[type=checkbox] + .checkbox,
input[type=radio] + .radio {
    height: 20px;
    width: 20px;
}

.prefab input[type=radio] + .radio {
    top: 0;
}






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

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

header {
    padding: 5px 20px 10px;
}


#profile_account #content #welcome div > a span, #profile_parameter #content #welcome div > a span, #profile_detail #content #welcome div > a span, #profile_account #content #welcome div > a span:before, #profile_parameter #content #welcome div > a span:before, #profile_detail #content #welcome div > a span:before {
    color: #888;
}


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

#main-menu ul{
    width: 485px;
}

#main-menu li a {
    font-size: 35px;
    padding: 15px 0;
}

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

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

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

#main-menu li span.counter,
#main-menu li span.counter-views {
    font-size: 26px;
    font-weight: 700;
    padding: 2px 15px;
    margin: 5px 0 0 20px;
}

/*=== Buttons Block === */

#buttons-block {
    padding: 10px 0 0;
}

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

.containerMobile {
    width: 485px;
    margin: 30px auto;
}

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

#main-progress {
    display: inline-block;
    float: right;
    width: 362px;
    height: 74px;
    border-radius: 50px;
    border: 2px solid #8899a5;
    margin: 20px 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;
}

header #profil-nav .body {
    width: 100%;
}

.profil-options {
    max-width: 485px;
    margin: 0 auto;
}
.profil-options #switch > .switch {
    width: 112px;
    height: 82px;
    border-radius: 50px;
}

.profil-options #switch > .switch > span { 
    width: 65px;
    height: 65px;
    top: 8px;
    left: 8px;
}

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

#switch a, .profil-options ul li:first-child a {
    line-height: 85px;
}
.profil-options ul li {
    padding: 15px 0;
}

.profile-progress {
    width: 112px;
    height: 82px;
}

.profile-progress p {
    font-size: 35px;
    height: 82px;
    line-height: 80px;
}
.profil-options ul li:first-child > .btn-blue {
    margin: 10px 0 0;
    font-size: 35px;
    line-height: 80px;
    border-radius: 50px;
    padding: 0;
    max-width: 485px;
}
.profil-options a {
    font-size: 35px;
    line-height: 51px;
    padding: 0 10px 0 20px;
}
#profileMenu .bluestatus {
    font-size: 31px;
}


body.unlogged .subscribe a.btn-white {
    font-size: 40px;
    border-radius: 50px;
    font-weight: 400;
    display: block;
    max-width: 485px;
    margin: 50px auto 20px;
    clear: both;
    line-height: 80px;
}

.subscribe {
    padding: 600px 0 8px 0;
}

.subscribe .btn-red {
    font-size: 40px;
    border-radius: 50px;
    font-weight: 400;
    display: block;
    max-width: 485px;
    margin: 0 auto;
    clear: both;
    line-height: 80px;
}

/* Unlogged */

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

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

.unlogged .btn-red,
.unlogged .btn-white,
#authentication .btn-white {
    width: auto;
}

#authentication .btn-white {
    display: block;
}

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

.bannerContent {
    margin: 0 auto;
}

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


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

#main-container {
    margin: 0 auto;
}

#main-container #content {
    padding: 20px;
    margin: 0 auto;
}

#profile_detail #main-container #content {
    padding-top: 35px;
}
.base-2col #main-container #content {
    max-width:670px;
}


/* === Gift Section === */

#gifts_offer_scroll .gifts
{   
    width: 478px;
}

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

#gifts_offer_scroll .gifts .viewport ul.overview {
    margin-top: 5px;
}

#gifts_offer_scroll .gifts .viewport ul.overview li {
    margin:0;
    padding:10px 0;
    text-align: center;
    width: 144px;
}

.gifts_offer .form input[type="text"] {
    min-width: 190px;
    width: auto;
}

@media all and (-ms-high-contrast:none) {
    .gifts_offer .form input[type="text"] {
        height: 40px;
        padding: 6px 5px;
    }
}


#gift_sender > div.clearfix .right {
    width: 290px;
}

#sniffer {
    padding: 0 20px;
    max-width: 100%;
    width: 100%;
}

.checkbox-wrapper input, .radio-wrapper input {
    margin: 5px 0 4px 0;
}
.modal#gifts {
    overflow: hidden;
}
.modal#gifts .form, .modal#gifts .form-submit {
    padding: 0 15px;
}

.modal#gifts h3 {
    margin: 0;
}

.modal#gifts .form-submit .btn-blue {
    margin:0;
    padding: 6px 42px;
}
.modal#gifts .form-submit .btn-white {
    margin:0 25px 0 0;
    padding: 5px 42px;
}

#gifts_offer_scroll .gifts .viewport ul.overview li.selected, #gifts_offer_scroll .gifts .viewport ul.overview li:hover {
    background: #dfe5eb;
}

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

.unlogged.homepage #main-container #content {
    display: block;
    float: none;
    margin: 0 auto;
    width: 520px;
}

.unlogged #home-content ul {
    display: block;
}

.unlogged #home-content ul li {
  float: left;
  margin: 5px;
  height: 115px;
  width: 115px;
}
.unlogged #home-content ul li#home-create-profile {
    margin: 5px;
}

.unlogged #home-content ul li img {
  width: 100%;
}

.unlogged #home-content ul li#home-testimonials {
    float: right;  
    margin: 6px 5px 0 0;   
}

.unlogged #home-content ul li#home-privilege {
    clear: both;    
    height: 115px;
    width: 115px;
}

#home-privilege a {
    margin: 0 40px 0 0;
    padding: 0 0 0 25px;
}

#home-privilege a .svg-icon.arrow {
    left: 5px;
    top: 30px;
}

/* Create Profile block */

#home-create-profile, #home-testimonials {
    height: 240px !important;
    width: 240px !important;
    display: inline-block;
}

#home-create-profile h1, #home-testimonials h2 {
    color: white;
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    margin: 0 0 20px 0;
    padding: 0 55px 0 15px;
    position: relative;
}

#home-create-profile h1 {
    padding: 10px 95px 0 15px;
}

#home-create-profile a, #home-testimonials a {
    padding: 0;
}

#home-testimonials a {
    padding: 15px 0 0;
}

.unlogged #aside section.shortsearch form {
    width: 330px; 
}

.unlogged section#widget-membre-privilege ul {
    width: 330px;
    margin: 0 auto;
}

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


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

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

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

#message_list .img-user label, #message_list .select-remove label.check {
    height: 20px;
    margin-top: 9px;
    width: 20px;
}

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

#message_list .img-user label {
    margin: 33px 10px 0 0;
}

#message_list article.mail-result img {
    height: 90px;
    margin: 0 15px;
    width: 90px;
}

#message_list a.title-mess {
    font-size: 24px;
}

#message_list .rc-result-list article {
    padding: 30px 0;
}

#message_list .img-user input[type=checkbox] {
    margin-top: 35px;
}

#message_list .img-user label:after, #message_list .select-remove label.check:after {
    width: 13px;
    height: 8px;
    top: 3px;
    left: 3px;
}

/* === Errors === */

.error li.notice.warning {
    padding: 10px 35px;
}

.notice.valid:before {
    vertical-align: middle;
}

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


#message_getsass .messageHead img {
    width: 90px;
}

/* === Reply to message === */

.prefablist {
    background: #eff4f8;
    margin: 20px 0;
    
}

.prefablist.reply {
    padding: 10px 10px 5px 10px;
}

#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 {
    padding-left: 35px;
}

/* === Bodyguard === */

#message_list .bodyguard {
    min-width: 475px;
    padding: 15px 30px 15px 100px;
}

#profile_detail .bodyguard {
    margin: 20px 0 0;
    padding: 15px 30px 15px 100px;
}

.bodyguard.active {
    max-width: 475px;
    min-height: 110px;
}

.bodyguard.inactive {
    max-width: 550px;
}

.bodyguard.active .countBlock {
    top: 70px;
}


/* ================================================== */
/*                     Favoris                        */
/* ================================================== */

.noFavorite {
    height: 436px;
    margin: 40px auto;
    width: 436px;
}

.noFavorite h2, .noIgnored h2 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -0.4px;
    padding: 85px 65px 0;
}

.noFavorite p, .noIgnored p {
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.16px;
    padding: 40px 65px;
}


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

#favorite_list .who-item ul li:last-child, #ignored_list .who-item ul li:last-child {
    margin: 0;
}

/* Ignored */

.noIgnored {
    height: 436px;
    margin: 40px auto;
    width: 436px;
}

.noIgnored h2 {
    padding: 145px 65px 0;
}

.noIgnored p {
    padding: 25px 65px;
}

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

/* 404 */

div.error-msgBg {
    background-position: -450px 0;
    background-size: 900px 450px;
    display: block;
    height: 450px;
    margin: 0 auto 40px;
    width: 450px;
}

div.error-msgBg p {
    font-size: 40px;
    left: 55px;
    line-height: 1.1em;
    top: 95px;
    width: 345px;
}

#error-404 div.error-msgBg{
    background-position: 0 0;

}

#error-404 div.error-msgBg p {
    font-size: 30px;
    left: 51px;
    top: 75px;
    width: 305px;
}

#error-503 div.error-msgBg p {
    font-size: 32px;
    font-weight: 200;
    left: 71px;
    top: 120px;
    width: 320px;
}

div.error-msg {
    text-align: center;
}

/* ================================================== */
/*                     Dialog                         */
/* ================================================== */

.modal {
    left: 50%;
    margin: 0 0 0 -250px;
    top: 0;
    width: 500px;
    z-index: 9999; 
}

.modal-open #main-container {
    position: inherit;
}


/* === Authentification === */

#modal-auth {
    margin: 0 0 0 -250px;
    max-width: 500px;
    width: 500px;
}

#modal-auth h2 {
    margin-bottom: 15px;
}

.modal .modal-body #authentication .fb-icon {
    margin: 5px 0 0;
    width: 45px;
}
.modal .modal-body #authentication .rc-btn-facebook {
    margin: 5px 0 20px 0;
    width: 358px;
}

#modal-auth #authentication .btn-white {
    width: 100%;
}
#modal-auth .subscribe-part {
    float: left;
    margin: 30px 0 0;
}

#activity_detail.logged .activity_decline .modal-header, #activity_detail.logged .activity_confirm .modal-header, #activity_detail.logged .activity_maybe .modal-header {
    height: 360px;
    padding: 20px;
}
#activity_detail .activity_decline .modal-header h3, #activity_detail .activity_confirm .modal-header h3, #activity_detail .activity_maybe .modal-header h3 {
    font-size: 40px;
}
#activity_detail #UserList.modal,
#activity_list #UserList.modal {
    height: 460px;
    left: 50%;
    margin: -230px 0 0 -230px;
    position: fixed;
    top: 50%;
    width: 460px;
}

#my-activities.content-tab .rc-btn.btn-white {
    margin: 0 0 0 10px;
}

.modal#activity-confirm {
    margin: 0 0 0 -250px;
}
.modal#activity-confirm .modal-header {
    height: 360px;
}

.modal#activity-confirm .modal-header h3 {
    font-size: 40px;
    line-height: 360px;
}

#search .modal .success-block p {
    width: auto;
}

#search .rc-form-field#custom-ville .city-wrapper {
    width: 335px;
}

.popover {
    margin: 5px 0 0;
}

/* Details Profil */

#profile_detail .popover, #profile_detail .popover .popover-inner {
    margin: 0;
    max-width: 305px;
}

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

#profile_detail .popover .popover-content {
    font-size: 16px;
}
#profile_detail .infopop {
    margin: 0 0 0 -8px;
}
#profile_detail .infopop .icon.close {
    right: 10px;
    top: 10px;
}
#default .modal-body {
    padding: 0 40px;
}

.greyBk {
    padding: 15px 40px;
}


/* Modal Spécifique - Fonctionnalité est réservée aux membres privilège */

#modalPriv.modal {
    left:50%;
    margin: -320px 0 0 -250px;
    padding: 0;
    top: 50%;
    width: 500px;
}

#modalPriv.modal .modal-header h3 {
   font-size: 16px;
}

#modalPriv.modal .modal-body {
   padding: 15px 40px;
}

#modalPriv.modal .modal-body h2 {
    padding: 0 0 40px 0;
}

#modalPriv.modal .modal-footer {
    padding: 35px 75px;
}

#modalPriv.modal .modal-footer .btn-red {
   font-size: 16px;
}

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

/* Gift Sender */

#gift_sender .photo img{
    width: 134px;
}

/* Activity */

#activity_detail.logged .ageRestricted .modal-header span {
    height: 222px;
    margin: -110px 0 0 -110px;
    width: 224px;
}

#activity_detail.logged .activity_decline .modal-header span {
    margin: -65px 0 0 -75px;
}


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

/*=== Home unlogged === */
.unlogged.homepage #aside {    width: 490px;
    margin: 0 auto;
}

.unlogged.homepage #aside .rc-btn{
    width: auto;
}

.unlogged.homepage #aside section#search-container {
    display: inline-block;
    float: left;
    width: 50%;
}

.unlogged #aside section.activities {
    display: inline-block;
    width: 100%;
}

#widget-mobile-app.autopromo p {
    padding: 0 0 0 60px !important;
}

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

.unlogged.homepage #aside .shortsearch #age-custom {
    max-width: 330px;
}
.unlogged.homepage #aside .shortsearch .age_2.age {
    width: 175px;
}

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

#aside section.gift ul li.rounded {
    height: 77px;
    margin: 0 10px 15px;
    padding: 0;
    width: 77px;
}

#aside section.gift ul li.rounded img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

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

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

@media only screen and (min-width: 711px) {

    /* === Banner === */

    #bannerSlider .ms-slide .layer.largeImage {
        height: 425px;
        max-height: none;
        max-width: none;
        width: 425px;
    }

    #bannerSlider .ms-slide.noPhotos .layer.largeImage .text {
        font-size: 43px;
        padding: 30px 30px 30px 60px;
    }

    #bannerSlider .albumPriv .block2 {
        background: none;
    }

    #bannerSlider .ms-slide .layer.mediumImage .text {
        display: table-cell;
        font-size: 39px;
        height: 237px;
        line-height: 1.1em;
        padding: 20px;
        vertical-align: middle;
    }

    #bannerSlider .ms-slide.albumPriv .layer.mediumImage .text {
        font-size: 32px;
        line-height: 1.3em;
        padding-bottom: 20px;
        z-index: 7;
    }

    #bannerSlider .ms-slide.albumPriv .layer.mediumImage .text .next {
        font-size: 22px;
        padding-top: 0;
    }

    #bannerSlider .albumPriv .block3 {
        background-color: #2bbbb3;
    }

}

#profile_detail h1 {
    font-size: 60px;
    margin: 0;
}

#profile_detail h2 {
    font-size: 30px;
}

#profile_detail .online {
    height: 21px;
    width: 21px;
}

p#breadcrum, p.lastlogin {
    padding: 0 8px 5px 0;
}
#form-share .rc-form-field .field-wrapper, #user-alert-form .rc-form-field .field-wrapper {
    width: 100%;
}
.quote blockquote {
    font-size: 40px;
    line-height: 44px;
}
ul#preferences {
    margin:0 0 20px;
}
ul#preferences li {
    display: inline-block;
    width: 50%;
    float: left;
}
ul.details {
    display: block;
    width: 100%;
    margin: 0 0 20px;
}
ul.details li{
    display: inline-block;
    min-height: 45px;
    width: 49.6%;
}
ul.details li p {
    max-width: 198px;
    padding: 0 0 0 20px;
}
ul.interests-list li{
    margin: 0 25px 15px 0;
}
ul.interests-list li.blue{
    margin: 0 25px 15px 0;
}
div.account-settings-content.cc ul li span.modify-card,
div.account-settings-content.cc ul li span.delete-card {
    display:inline;
}

div.account-settings-content.cc span.modify-card-mobile,
div.account-settings-content.cc span.delete-card-mobile {
    display: none;
}

#profile_detail .notice p {
    max-width: 100%;
}

.modal .notice p {
    padding: 0 0 0 65px;
}

.modal .notice.formError p {
    padding: 0 0 0 35px;
}

#profile_detail .modal#user-alert-form form .greyBk {
    margin: 0 0 20px;
}

/*=== Action Block === */

.actionBlock .btn-white {
    font-size: 16px;
}

@media (min-width:570px) {
    
    .actionBlock li {
        margin: 0 2% 20px 0;
        max-width: 30%;
    }

    #profile_account .actionBlock, #profile_detail .actionBlock {
        text-align: left;
    }

}

/* === Profile Parameter / Profile Account === */


#profile_account h3.email-confirmed, #profile_account h3.email-notConfirmed { 
    font-size: 30px;
    line-height: 52px;
    margin: 35px 0 0;
    padding: 4px 35px 4px 15px;
}

#profile_account h3.email-confirmed { 
    font-size: 24px;
}

#profile_parameter h1, #profile_account h1, #profile_unregister h1, #profile_account_settings h1 {
    line-height: 60px;
    margin: 0;
}

.unlogged#profile_parameter h1, .unlogged#profile_account h1, .unlogged#profile_unregister h1, .unlogged#profile_account_settings h1 {
    line-height: 36px;
    margin: 0 0 20px;
}

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

#profile_account_settings .tabs ul li a {
    font-size: 16px;
    padding: 5px 10px;
}

.account-settings-content ul li:first-child .rc-btn, .account-settings-content .btn-white, a#token_link {
    margin: 0;
}

.account-settings-content ul li span.label, .account-settings-content span.label {
    width: 200px;
}

#profile_account_settings span.label, #profile_account_settings span.val {
    margin: 0 10px 0 0;
    width: auto;
}
.device_ios .account-settings-content .popover.bottom, .device_android .account-settings-content .popover.bottom {
    top: 55px;
}

.account-settings-content .popover.bottom {
    top: 55px;
}

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

.highlight {
    margin: 20px 0 0;
}

/* === Chat === */

#profile_detail #content #media {
    margin: 0 0 0 -20px;
}

/* === Popup Master Slider === */

#masterSliderAlbumContent .ms-view {
    max-height: 300px;
}

/*=== Bloc Mes infos === */

#modify-infos {
    padding: 40px 10px;
}

#modify-infos .age-selector .rc-form-field {
    margin-right: 20px;
}
#modify-infos .age-selector .rc-form-field#register-day, #modify-infos .age-selector .rc-form-field#register-year {
    width: 80px;
}

#modify-infos .age-selector .rc-form-field input#r-year {
    width: 60px;
}

#modify-infos .cp-selector .rc-form-field, #modify-infos .city-selector .rc-form-field  {
    width: 100%;
}

/*=== Modifier les Détails === */

#modify-details form > ul {
    padding-bottom: 30px;
}

#modify-details form > ul > li {
    margin: 0 5% 4% 0;
    width: 45%;
}

#modify-details .text-center {
    padding-bottom: 30px;
}

/* === Modify description === */

#description-saved.modal {
    padding: 130px 0;
}



/*=== Modifier les Intérêts === */

#modify-interests .choose .list .targetDiv .ms-view, #add-interests .choose .list .targetDiv .ms-view {
    min-height: 320px;
}

#modify-interests .choose .cat ul li a, #add-interests .choose .cat ul li a, #addInterests .choose .cat ul li a {
    padding: 10px 5px;
}

#modify-interests .choose .list .targetDiv .interestsFromCat, #add-interests .choose .list .targetDiv .interestsFromCat, #addInterests .choose .list .targetDiv .interestsFromCat {
    max-width: 100%;
}

#modify-interests .choose .list .targetDiv ul li, #add-interests .choose .list .targetDiv ul li, #addInterests .choose .list .targetDiv ul li {
    margin: 0 10px 10px 0;
}

#modify-interests .choose .list .targetDiv .ms-nav-prev, #add-interests .choose .list .targetDiv .ms-nav-prev, #addInterests .choose .list .targetDiv .ms-nav-prev {
    left: 80px;
}

#modify-interests .choose .list .targetDiv .ms-nav-next, #add-interests .choose .list .targetDiv .ms-nav-next, #addInterests .choose .list .targetDiv .ms-nav-next {
    right: 80px;
}
#colorbox #add-interests .notice.info, #colorbox #addInterests .notice.info {
    margin: 15px 0 40px;
}

/*=== Vérifications === */

.emailValidation, .fbValidation {
    display: inline-block;
    float:left;
    height: 155px;
    width: 150px;
}

.emailValidation.hidden, .fbValidation.hidden {
    display: none;
}

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

#get-more-visits h2 {
    font-size: 38px;
}

.who-item {
    display: inline-block;
    float: left;
    margin: 0 1.6% 3%;
    min-height: 322px;
    width: 30%;
}

.who-item p {
    padding: 0 15px 0 0;
}

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

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

.who-item a {
    font-weight: 700;
}

.who-item a span.camera,
.who-item a .svg-icon.camera {
    margin: 2px 5px 0 0;
}
.line-view {
    display: block;
    width: 100%;
}
a.curieux {
    display: block;
}
@media (min-width: 600px) {
    .noviews {
        display: inline-block;
        float: left;
        margin: 20px 0 0;
    }
    .noviews h2 {
        padding: 60px;
    }
    .noView p {
        display: inline-block;
        float: right;
        padding: 130px 0 0;
        width: 34%;
    }
}

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

.activity .header {
    padding: 10px 0 0;
}

#activity_detail h1, .activity-content h1 {
    font-size: 40px;
    line-height: 60px;
}

#activity_detail h2, .activity-content h2 {
    font-size: 30px;
}

#activity-detail .header .completeIcon img, #activity-detail .header .canceledIcon img {
    margin: 8% auto 0;
    width: 80px;
}
#activity-detail .header .completeIcon p, #activity-detail .header .canceledIcon p {
    font-size: 19.5px;
    letter-spacing: -0.49px;
}
#activity_list .activity img {
    height: 139px;
    width: 139px;
}

#activity-list form .rc-form-field {
    clear: none;
    width: 31%;
}

.filter-activity#host-dropDown, .filter-activity#status-dropDown {
    margin-right: 2%;
}

#activity_list .content-tab .filter-activity {
    display: inline-block;
    margin: 0 1% 0 0;
    width: 32%;
}

#activity_list .content-tab .filter-activity.last {
    margin: 0;
}

#activity-list #host_rc-select.rc-select-container {
    width: 190px;
}
#activity-list #region_rc-select.rc-select-container, #activity-list #status_rc-select.rc-select-container, #activity-list #host_rc-select.rc-select-container {
    width: 100% !important;
}

#activity-list fieldset {
    margin: 0 0 5px 0;
}

#activity_list .activity img.activityByRc {
    height:33px;
    left: 7px;
    top: 7px;
    width: 33px;
}

.no-result-pic {
    border-radius:50%;
    height: 395px;
    width: 395px;
}

.no-result-pic p {
    font-size: 40px;
    line-height: 40px;
    margin: -80px 0 0 -125px;
    width: 250px;
}

#activity-list .owner, .activity .activity-description p {
    font-weight: 400;
    margin: 0;
    padding: 5px 0;
}

.attendees-price {
    border-top: 1px solid #ccc;
    bottom: 0;
    position: absolute;
    right: 0;
}

#activity-list .attendees-price p {
    padding: 5px 25px 0 10px;
}

.activity .activity-description {
    margin-left: 154px;
}

p.confirm {
    margin-left: 90px;
}

.activity .detail ul li span {
    display: inline-block;
    float: left;
    width: 40%;
}

.activity .detail ul li p {
    display: inline-block;
    float: left;
    width: 60%;
}

#activity_detail .date {
    border-left: 1px solid #ccc;
    font-size: 16px;
    margin: 10px 0 30px 0;
    padding: 0;
}

.date p:first-child {
    border: none;
    margin: 0;
    padding: 5px 0 2px 10px;    
} 

.date p {
    border-left: 1px solid #ccc;
    display: inline-block;
    float: left;
    margin: 0 0 0 10px;
    padding: 5px 0 2px 10px;
}

#activity_detail ul.actions li {
    margin: 0 10px 0 0;
}

#activity-detail .header img {
    max-width: 650px;
}

span.publish-date {
    margin: 0;
}

#activity-list a.activity-name,.activity-description span.activity-name {
    font-size: 26px;
    font-weight: 400;
}

#activity-list .tabs {
    margin: 60px 0 0;
}

#activity-list .header .btn-white {
    top: 55px;
    padding: 4px 20px;
    position: absolute;
    left: 0;
}

.rc-result-list.activities .cancelled {
    display:inline;
    font-size: 26px;
}

.activity-content .select-wrapper {
    display: inline-block;
}

@media (max-width: 627px) {
    .date p.age {
        border: none;
        display: block;
        padding: 5px 0 2px 0;
    }
}

@media (min-width: 628px) {
    .date p.age {
        border-left: 1px solid #ccc;
        padding: 5px 0 0 10px;
    }
}

/* Modify Activity */

#activity_update .select, #activity_update .startAt-group, #activity_update .access {
    margin: 10px 0;
}

#activity_update #geoPostalCode label, #activity_update #geoPostalCode label {
    line-height: 20px;
}

#activity_update input#activity_costMember {
    width: auto;
}

/* Error */

.activity-content .notice.error p {
    line-height: 25px;
}

.notice.formError p {
    line-height: 22px;
}

/* ================================================== */
/*                 Activity Create                    */
/* ================================================== */

#contact_home .rc-form-field.l-1of2 {
    display: inline-block;
    width: 48%;
}

#contact_home .l-row .rc-form-field.l-1of2:first-child {
    margin: 0 3% 0 0;
}

.activity-content .rc-select-container {
    min-width: 125px;
}

@media (min-width: 625px) {
    .activity-content #showEndAt, .activity-content #hideEndAt {
        clear: none;
        float: left;
        padding: 5px 0 5px 10px;
    }
}






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

.contestSubscription {
    padding: 30px;
}

.contestSubscription form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .contestSubscription .contestInput {
        width: 49%;
    }

    .contestSubscription .phoneNumber {
        width: 100%;
    }

.contestSubscription label {
    padding-left: 30px;
}

    .contestSubscription label .checkbox {
        top: 2px;
    }

.contestSubscription .responsiveCheck {
    display: block;
    font-size: 15px;
    width: 100%;
}

    .contestSubscription .responsiveCheck .checkbox {
        height: 18px;
        width: 18px;
    }

        .contestSubscription .responsiveCheck .checkbox:after {
            border-width: 3px;
            height: 41%;
        }

.contestSubscription .submitContestBtn {
    margin-top: 10px;
}

.contestSubscription .shareLink {
    height: 50px;
    padding: 0 20px;
}

.contestSubscription .shareLink a {
    display: inline-block;
    line-height: 50px;
    padding-right: 10px;
    width: calc( 100% - 45px);
}

.contestSubscription .shareLink a span {
    font-size: 17px;
}

.contestSubscription button {
    display: inline-block;
    height: 40px;
    margin-top: 5px;
    position: static;
    transform: translateY(0);
    vertical-align: top;
    width: 40px;
}

/* Unlogged */

.contest-not-shown {
    margin-top: 40px;
    padding-top: 40px;
}

    .contest-not-shown .connectBtns {
        align-items: center;
        flex-direction: row;
        margin: 20px 0;
    }


   .contest-not-shown .connectBtns .btn-white {
        line-height: 34px;
        margin: 0;
        padding: 0 25px;
    }

    .contest-not-shown .connectBtns span {
        margin: 0 20px;
    }

    .contest-not-shown .connectBtns a.btn-red {
        line-height: 36px;
        margin: 0;
        padding: 0;
    }

.contestSubscription button svg {
    height: 18px;
    width: 18px;
}

.contest-not-shown .notShown {
    font-size: 20px;
}

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

.ecom h2 {
    font-size: 40px;
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 40px;
}
.ecom #payment-info-process .btn-white, .ecom #payment-info-process .btn-blue {
    margin: 10px 5px;
    padding: 8px 20px;
    width: auto;
}
.ecom #payment-info-process .btn-white {
     padding: 7px 20px;
}
.ecom #paymentSuccess .btn-white {
    margin: 10px 20px;
}
.ecom .left-column {
    padding:0 35px 0 0;      
}
.ecom .success-confirmation .left-column {
    padding:0;      
}
.ecom #payment-method-container.select, .ecom .choose-subscription {
    display: block;
}
.choose-subscription span.save strong {
    font-size: 32px;
}
.choose-subscription span.save {
    bottom: 75px;
}

.choose-payment-mobile,
.choose-subscription-mobile {
    display:none;
}

.ecom #registration-wrapper form fieldset {
    padding: 25px 0;
    position: relative;
    text-align: center;
}
.ecom #registration-wrapper form#payment-info-process {
    margin: 0;
}
.ecom #registration-wrapper form#payment-info-process h2 {
    margin: 0 0 25px;
}
.ecom #registration-wrapper .timeline span label, .ecom #registration-wrapper .timeline p label {
    line-height: 20px;
    padding: 20px 0;
}
.ecom #registration-wrapper .timeline span label[data-for="1"] {
    left:10%;
    width: 24%;
}
.ecom #registration-wrapper .timeline span label[data-for="2"] {
    left: 31%;
    width: 31%;
}
#registration-wrapper .timeline {
    padding: 10px 0 0;
}
.ecom #registration-wrapper .inner {
    padding: 0 15px;
}
.ecom #cc-info .cc {
    width: 100%;
}

fieldset#cc-info-error .cc .notice p {
    font-size: 14px;
    line-height: 18px;
}

#paymentSuccess h2 {
    margin: 25px 0;
}

.ecom #registration-wrapper .choose-subscription-container h2 {
    margin: 25px 0;
}

/* Buy Token */

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

.ecom#application_ecom_buy_token .avantages ul li {
    font-size:16px;
}

/*=== Free Trial  === */

#transaction-summary-free-trial {
    display: inline-block;
    padding: 0 10px 0 0;
}

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

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

.trial-package {
    margin: 30px 0 0;
}


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

/* Choose Subscription Desktop */

.choose-subscription.active span.save {
    color:#f24138;    
}

.ecom .choose-subscription {
    background:#dfe5eb;
    cursor:pointer;
    display:inline-block;
    height:250px;
    margin:30px 7px 15px;    
    min-width:144px; 
    max-width: 200px;    
    padding:0 6px;
    position:relative;
    vertical-align: bottom;
    width:30%;
}

.ecom #registration-wrapper .text-center .btn-blue {
    padding: 5px 121px;
}

.ecom .products-container span.title {
    color: #1dadea;
    display: inline-block;
    font-size:24px;
    line-height:20px;
    max-width: 200px;
    margin: 0 1%;
    text-align:center;
    width:30%;
}

.ecom .choose-subscription span.buy {
    background: url(data:image/gif;base64,R0lGODlhAwABAIABAJ2eo////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBSaWdodHM9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9yaWdodHMvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wUmlnaHRzOk1hcmtlZD0iRmFsc2UiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDozMjQzNTcwMUZBRDYxMURGODg4MUU3MUI2OUExNTdBMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NTU2N0RBQ0EwM0ExMUUxQkFGMTlDRDBBN0VDRjgxMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NTU2N0RBQkEwM0ExMUUxQkFGMTlDRDBBN0VDRjgxMCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1OEYxRUJCRjg5REUxMTE4REMzRUNDNjIxRTI2OTk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFCMkVGMTE3MzRCNjExRTFCRTgwQjlDOEI0NkJCNDEwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAAMAAQAAAgJEUgA7) transparent repeat-x top left;
    bottom: 25px;
    color:#000;
    font-size: 24px;
    line-height: 24px;
    left: 0;
    letter-spacing: -0.36px;
    margin: 0;
    padding: 20px 0 0 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.ecom .choose-subscription.active span.buy {
    bottom:25px;
    left:0;
    width:100%;
}

.choose-subscription.active span.arrow {
    background: url(/web/20210606135939im_/https://www.reseaucontact.com/static/img/registration/bg_choose_subscription_arrow_active_ecom.png) no-repeat;
    bottom: 50px;    
}

.choose-subscription.active {
    background: #3b23a3;
}

.choose-subscription.active span.payment, .choose-subscription.active span.amount, .choose-subscription.active span.buy {
    color: #fff;
}

.choose-subscription.active span.save {
    color: #1dadea;
}

.choose-subscription span {
    display:block;
}

.ecom form#payment-info-process .btn-blue {
    width: auto;
}

.ecom  .products-container .slashline {
    margin: 0;
}

/* Choose Mobile & Tablet */

.ecom .choose-payment-mobile,
.ecom .error.choose-payment-mobile,
.ecom .choose-subscription-mobile,
.ecom .choose-subscription-mobile tbody {
    display:none;
}

.ecom .products-container {
    display: block;
}

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

#payment-method-container.payment ul {
    vertical-align: top;
}

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

@media screen and (min-width: 694px) {
    .ecom #payment-method-container.payment ul li.nonRefundable {
        padding: 25px 0 0 5px;
    }
}

#code-promo-container-fieldset,
#code-promo-container,
#transaction-summary-table-promo {
    max-width: 100%;
    width: 100%;
}

.error.choose-payment-mobile {
    display: none;
}

#cc-info .cc h4 {
    margin: 0;
}
#cc-info .cc div.addCreditCard,
#cc-info .cc div.expired {
    margin: 0 0 24px 0;
    width: auto;
}

.ecom #code-promo-container input[type="text"] {
    line-height: 12px;
}

.ecom .error-mode {
    padding-top: 15px;
}    

/* modal moneris */

.ecom #moneris.modal {
    margin: 0 0 0 -321px;
    height: 600px;
    max-height: 600px;
    width: 642px;
}

#moneris.modal iframe {
    height: 518px;
    width: 642px;
}

.device_android #moneris.modal {
    margin: -300px 0 0 -300px !important;
    top: 50% !important;
    width: 600px;
}

.ecom .choose-payment-mobile tr td.checkbox span,
.ecom .choose-subscription-mobile tr td.checkbox span {
    margin:10px 0 6px 0;     
}

/* Achat Jetons */

#nbJetons {
    margin-left: 28px;
}

.ecom#application_ecom_buy_token .choose-subscription {
    height:290px;
    min-width: 25%;
    padding:0;
    width: 25%;
}

.ecom#application_ecom_buy_token .choose-subscription.active {
    padding:0 0 10px 0;
    width: 40%
}

.ecom#application_ecom_buy_token .choose-subscription span.buy {
    background: none;
    color:#383838;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    margin: 30px 0 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.ecom#application_ecom_buy_token .choose-subscription.active span.buy {
    color: white;
}

.ecom#application_ecom_buy_token .choose-subscription span.payment {
    background: none;
    color:#383838;
    font-size: 30px;
    line-height: 18px;
    letter-spacing: 0;
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.ecom#application_ecom_buy_token .choose-subscription.active span.payment {
    font-size: 45px;
}

.ecom#application_ecom_buy_token .choose-subscription span.save {
    bottom: inherit;
    margin: 15px 0 0;
    position: relative;
}

.ecom#application_ecom_buy_token .avantages ul li:first-child {
    padding-left: 5%;
    width: 44%;
}
.ecom#application_ecom_buy_token .avantages ul li:last-child {
    width: 55%;
}

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

/*=== Third Step : Transaction Summary  === */

.ecom #transaction-explanation .checkBoxAccept, .acceptConditionsBox .checkBoxAccept {
    height: 20px;
    margin-top: 2px;
    width: 20px;
}

    .ecom #transaction-explanation .checkBoxAccept:after, .acceptConditionsBox .checkBoxAccept:after {
        width: 13px;
        height: 8px;
        top: 3px;
        left: 3px;
    }

.ecom #transaction-explanation label, .acceptConditionsBox label {
    padding-left: 10px;
}

/* === Forum === */

#forum_post_detail #modalPriv.modal {
    height: 620px;
}

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


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

/* === Carousel === */

#carrouselVide {
    height: 250px;
}

#carrouselVide div {
    height: 250px;
    width: 250px;
}

#carrouselVide .first {
    font-size: 32px;
    line-height: 38px;
}

/* === Newsfeed === */

#default.logged #newsfeed article .news-content-inner .attached-news.multi {
    clear: both;
    float: none;
}

#default.logged #newsfeed .rc-btn {
    max-width: 380px;
}


#newsfeed article span.otherpics {
    float: right;
    line-height: 32px;
    padding: 0 0 0 10px;
}

#default.logged #newsfeed article .news-content-inner .details-news .action-news .pp-section .text {
    font-size:16px;
    line-height: 40px;
    width: auto;
}

#default.logged #newsfeed article .news-content-inner {
    padding-left: 20px;
}

#default.logged #newsfeed article .news-content-inner .details-news .action-news .pp-section {
    padding: 5px 15px 0;
}

#newsfeed .thumbnail, .rc-result-list img {
    margin: 0 15px 0 0;
}

/* No message */

.nonews {
    display: block;
    height: 436px;
    margin: 40px auto;
    width: 436px;
}

.nonews h2 {
    font-size: 40px;
    padding: 90px;
}

#news-3705 .btn-white, #news-3703 .btn-white {
    letter-spacing: 0;
}

/* No views */

/*.noviews h2 {
    font-size: 50px;
    line-height: 50px;
    padding: 90px;
}*/


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

#moneris.modal {
    margin: 0 0 0 -260px;
    width: 520px;
}

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

#profile_account_settings #moneris.modal {
    height: auto;
    top: 0;
    width: 100%;
}

#profile_account_settings #moneris.modal .modal-body {
    height: auto;
}

#profile_parameter .tabs ul li a, #profile_account .tabs ul li a, #profile_account_settings .tabs ul li a {
     padding: 4px 15px;
}


/* Share profile with a friend Success */

.modal#form-share {
    padding: 80px 0;
}

#profile_detail .modal#user-alert-form .modal-body {
    padding: 0 20px;
}

#profile_detail .modal#image-alert-form form .report .notice.valid {
    line-height: 80px;
}


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

#subscriptionForm {
    display: flex;
    flex-wrap: wrap;    
}

    #subscriptionForm .fieldset {
        flex: 0 1 50%;
        padding: 0 5px;
    }

    @media all and (-ms-high-contrast:none) {    

        #registration {
            height: 724px !important;
            min-height: 724px !important;
        }

        #subscriptionForm {
            justify-content: space-between;            
        }

        #subscriptionForm .fieldset { flex: 0 1 48%; padding: 0; }

    }

#registration .receive-emails label {
    font-size: 14px;
    padding-left: 30px;
}

#registration .receive-emails .checkbox {
    top:-1px;
}

#registration .txtConditions{
    margin-left: 30px;
}

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

#registration-wrapper {
    padding: 10px 0;
}
#registration-wrapper p.facebook-text {    
    clear: none;
    padding: 0;
    text-align: left;
}

#registration-wrapper fieldset,
#registration-wrapper form fieldset {
    padding: 10px 0 25px;
}

#profile_create #registration-wrapper .timeline span label:first-child,
#profile_create #registration-wrapper .timeline p label:first-child,
#profile_create #registration-wrapper .timeline span label.disabled,
#profile_create #registration-wrapper .timeline p label.disabled,
#profile_create #registration-wrapper .timeline span label,
#profile_create #registration-wrapper .timeline p label {
    padding: 20px 0 0;
}

#registration-wrapper .timeline span label,
#registration-wrapper .timeline p label {
    padding:0;
}

.gender-icon-container {
    display: block;
    height: 110px;
    width: 110px;
}

.gender-selector li, .orientation-selector li, .cities-selector li {
   float: none;
   margin: 0;
   padding: 0;
   width:33%;
}

.gender-selector li span {
    display: block;
}

/* Inscription Facebook */

#registration-wrapper form.fb #fb-register-orientation.rc-form-field {
    float: left;
    width: 180px;
}

#registration-wrapper form.fb #fb-register-sex.rc-form-field {
    float: left;
    width: 190px;
}

.gender-selector li, .orientation-selector li {
    display: inline-block;
    float: left;
    text-align: center;
}

.gender-selector li.text-center, .orientation-selector li.text-center, .cities-selector li.text-center {
   text-align: center;
}

fieldset .error br {
    display: block;
}




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

#topsearch p.title {
    font-size: 40px;
}

.search-buttons div {
    float: right;
    margin: 0;
}

.search-buttons .btn-blue {
    display: inline-block;
}

.search-buttons .btn-white {
    margin: 0 0 0 10px;
}

.msg-no-result h3 {
    font-size: 40px;
    line-height: 40px;
    padding: 75px 0 0;
    width: 280px;
}

#search .rc-result-list {
    min-height: 395px;
}

@media (min-width: 666px) {
    #search .rc-result-list {
        width: 666px;
    }

    #search .person-result {
        display: block;
        float: left;
        margin: 15px 16px;
        min-height: 297px;
        vertical-align: top;
        width: 300px;
    }
    
    #search .person-result img {
    }

    /* Ads */
    .bigAdBlock {
        float: left;
        margin: 15px 16px;
        min-height: 297px;
        padding: 0 0 24px;
    }

    .bigAdBlock .bigboxCotnent {
        display: table-cell;
        height: 260px;
        text-align: center;
        vertical-align: top;
    }

}



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

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

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




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


/* === La nétiquette === */


.netiquette p {
    margin: 0 0 10px 0;
    width: 300px;
}

/* === Conseils === */

.practicle .important .first-date {
    background: url(/web/20210606135939im_/https://www.reseaucontact.com/static/img/static/meeting_picture.jpg) right bottom no-repeat;
    height: 273px;
}

.practicle .important .first-date p {
    padding: 0 190px 0 0;
}

.practicle .important .conversation img {
    display:block;
    bottom: 0;  
    left: 0;
    position: absolute;
    z-index: 11;
}

.conversation h2, .conversation p {
    padding: 0 0 0 200px;
}

.practical-intro .text, .fullsize .text, .netiquette .text {
    width: 55%;
}

.protect-img, .img-please {
    margin: 0 45px;
}

.mail-icon {
    margin: 0 35px;
}

.coffee-icon, .privacy-icon {
    margin: 0;
}

.practicle h3, .theoric h3 {
    margin: 0 0 20px 175px;
}

.protect-identity p, .first-date p, .date-place p, .browser p, .privacy p, .emailRc p, .mobile-items p {
    padding: 0 0 0 175px;
}

/* === La nétiquette === */

#politesse-forum h3 .svg-icon {
    height: 35px;
}   

#politesse-forum h3 {
    width: 380px;
}

/* === User doesn't exist === */

.fiche-supprimee {
    height:434px;
    width: 434px;
}

.fiche-supprimee h2 {
    font-size: 40px;
    letter-spacing: -0.4px;
    line-height: 40px;
    padding: 120px 0 0 0;
    width: 220px;
}

.fiche-supprimee p {
    margin: 20px auto;
    width: 270px;
}

/* === App mobile === */

.mobiletop {
    background: url(/web/20210606135939im_/https://www.reseaucontact.com/static/img/static/couple-happy.png) no-repeat right 0; 
}

.search-mobile, .profile-mobile {
    margin: 0 0 0 50px;
}

.mail-mobile {
    margin: 5px 0 0 45px;
}

.favorite-mobile {
    margin: 10px 0 0 25px;
}

.mobile div.clearfix h2 {
    max-width: 50%;
}

.mobile h3 {
    padding: 0 0 20px 175px;
}

.mobile  p.subtitle {
    padding: 0 135px 0 0;
}

/* === Devenez membre privilège === */

.mobile  p.subtitle {
    padding: 0 120px 10px 0;
    width: auto;
}

.mobile ul.mobile-items li img {
    width: 139px;
}

.advantageBlock1 img, .more-advantages img {
    margin: 0;
    width: auto;
}

.advantageBlock1 .list {
    width: 50%;
}

.advantageBlock .list {
    width: 65%;
}

/* === Classement prioritaire === */

.ranking-content div, .selection-content div {
    display: inline-block;
} 

.selection-content .text-center {
    display: block;
}
#profile_ranking .ranking-content h2 {
    font-size: 40px;
    margin: 30px 100px 50px 0;
} 

.ranking-content .text {
    display: inline-block;
    width: 60%;
}

.selection-content .text {
    display: inline-block;
    width: 55%;
}

#get-more-visits {
    margin: 40px 0 0; 
}

#profile_ranking .ranking-content .btn-blue {
    display: inherit;
}

#profile_ranking #get-more-visits dl {
    width: 85%;
}

.ranking, .monthSelect {
    display: inline-block;
    float: right;
    margin: 0;
}

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

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

/* === Tabs === */

.tabs ul li a {
    padding: 5px 15px;
}

/* ================================================== */
/*                  Testimonials                      */
/* ================================================== */

/* Testimonial detail */


.testimonial-list article p {
    margin: 10px 0 0 0;
}

.testimonial-details article img, .testimonial-details article .textimonial {
    display: inline-block;
    float: left;
    max-width: 50%;
}

.testimonial-details p.testimonial-description {
    padding: 0 0 0 10px;
    width: 50%
}

.testimonial-list .rc-result-list-thumbnail-right article img {
    max-width: 100%;
}

.testimonial-list article a {
    margin: 0;
    word-break: break-word;
}

/* ================================================== */
/*                        Forum                       */
/* ================================================== */

/* Read and reply */

.parent .auteur {
   height: 90px;
   width: 90px;
} 
.main-legacy .forum-detail {
    background: url(/web/20210606135939im_/https://www.reseaucontact.com/static/img/sep_repeat-x.gif) repeat-x left bottom;
    padding: 20px 0;
}

.main-legacy .forum-detail h3, 
.main-legacy .forum-detail h4 {
    padding: 0 0 0 120px;
}
.main-legacy .forum-detail h4 {
    margin:0;
}

.main-legacy .forum-detail h3 {
    margin: 0 0 5px 0;
    max-width: 635px;
}

.main-legacy .forum-detail p {
    margin:0;
    min-height: 40px;
    padding: 10px 0 0 120px;
}

.main-legacy .forum-detail a#reply_rc {
    margin: 20px 10px 0 120px;
}

.parent .auteur img {
    height: 90px;
    width: 90px;
}

#forum_post_detail #modalPriv.modal .big-vip-block {
    padding: 35px 75px 0;
}

.rc-forums textarea#reply_text, textarea#reply_text {
    max-width: 550px;
}
.rc-forums .btn-blue#send_reply {
    display: block;
}
/* Search Block */

.forum-search-container {
    margin: 0;
}

#forum-search.is-opening, #forum-search.is-open {
    padding: 0 0 0 30px;
}

#forum-search .rc-form-field {
    width: 43%;
}
form#forums_form_post button.admin_action {
    margin: 0;
}

.rc-forums .rc-result-list article.reply p {
    max-width: 550px;
}

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



/* ================================================== */
/*                   Quoi de neuf                     */
/* ================================================== */

.heartPlus {
    top: 100px;
}

#colorbox.quoiDeNeuf h3 {
    font-size: 40px;
}

.newIcons {
    height: 70px;
    margin: 15px auto 0;
    width: 370px;
}

/* ================================================== */
/*                Période d'essai                     */
/* ================================================== */

/* === First Lightbox === */

#colorbox.freeTrial .validateTrial .btn-blue {
    display: inline-block;
    margin: 0 0 0 130px;
}

#colorbox.freeTrial h2 {
    font-size: 60px;
}

#colorbox.freeTrial h3 {
    padding: 35px 75px; 
}

#colorbox.freeTrial .validateTrial p {
    padding: 30px 100px;
}
span.closeCbox {
    display: inline-block;
}

@media all and (-ms-high-contrast:none) {
    .quoiDeNeuf#colorbox #cboxLoadedContent, .freeTrial#colorbox #cboxLoadedContent {
        overflow: hidden !important;
    }
}

/* === Second Lightbox === */

.new.trialCompare {
    padding: 45px 0 0;
}

#colorbox.trialPrivVisitor h1, #colorbox.trialPrivVisitor h3 {
    font-size: 20px;
    margin: 0;
}

#colorbox.trialPrivVisitor h2 {
    font-size: 55px;
    line-height: 50px;
}

#colorbox.trialPrivVisitor h3 { 
    padding: 25px 0 35px;
}

#colorbox.trialPrivVisitor .validateTrial {
    padding: 30px;
}

#colorbox.trialPrivVisitor .compare-array .row div {
    font-size: 16px;
    width: 95px;
}

#colorbox.trialPrivVisitor .compare-array .row div:first-child {
    width: 240px;
}

#colorbox.trialPrivVisitor .answers .btn-blue {
    display: inline-block;
    margin: 0 20px;
}

#colorbox.trialPrivVisitor .answers span {
    display: inline-block;
}

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

@media only screen and (min-width : 670px) {
    .guardMemberNickname {
        max-width: 270px;
        width: 100%;
    }

    .guardMemberActions {
        display: inline-block;
        max-width: 205px;
        text-align: right;
        vertical-align: bottom;
        width: 100%;
    }
}

.guardMemberActions .allow {
    margin-left: 15px;
}

/* === Empty Message === */
#bodyguardNoEventsMessage.nonews h2 {
    padding: 78px;
}

/* === Events === */
.guardMemberEventName {
    float: left;
    margin-right: 2%;
    width: 70%;
}

.guardMemberEventDate {
    float: right;
    text-align: right;
    width: 28%;
}









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

/* === Success === */

.emailValidIcon {
    margin: 20px;
}

.emailValidHeaderText {
    margin: 20px;
}

#check_email #content .slashline,
#check_email_success #content .slashline {
    background-image: url(/web/20210606135939im_/https://www.reseaucontact.com/static/img/slash-line.png);
}

.emailValidCTA {
    display: inline-block;
    margin: 0 2% 10px;
    width: 28%;
}

.emailValidCTA .iconContainer {
    height: 50px;
}

/* === Failed === */
.emailNotValidIcon {
    height: 435px;
    margin: 20px;
    width: 435px;
}

.emailNotValidIcon h2 {
    font-size: 40px;
    padding: 70px 80px 20px;
}

.emailNotValidHeaderText {
    margin: 20px;
}

.emailNotValidIcon svg {
    margin-left: -50px;
    max-width: 100px;
}

/* Placement de l'icone sur IE 11*/


@media all and (-ms-high-contrast:none) {
    .emailNotValidIcon svg  {
        height: 110px;
    }
}




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

.main-legacy.rc-forums .response {
    border-left: none;
    border-top: 1px solid #ababab;
    margin: 15px 0 0 108px;
}

.main-legacy.rc-forums .response p {
    border-left: 1px solid #ababab;
    border-top: none;
    padding: 3px 5px;
    width:auto;
}

@media only screen and (min-width : 600px) {
    .main-legacy.rc-forums .rc-result-list img {
        margin: 0;
    }
    .main-legacy.rc-forums #forums_posts article h4 {
        padding: 0px 0 0 108px;
    }
    .main-legacy.rc-forums .response p {
        padding: 3px 12px;
    }
}






/* ================================================== */
/*                      Sitemap                       */
/* ================================================== */

.sitemapList li {
    width: 50%;
}





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

#main-footer {
    padding-left: 20px;
    padding-right: 20px;
}

#main-footer > div > ul > li {
    display: inline-block;
    margin-left: 4%;
    vertical-align: top;
    width: 30%;
}

#main-footer > div > ul > li:first-child {
    margin: 0;
}

#main-footer ul li.socials {
    margin-left: 0;
}
#main-footer p.clickable {
    cursor: auto;
}
#main-footer p.clickable + ul {
    display: block !important;
    margin-bottom: 20px;
}


/* === SEO Links === */

#main-footer .seoLinks {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 10px -20px 0;
}

#main-footer .seoLinks > li {
    flex: 1 auto;
    margin: 0;
    max-width: none;
    min-width: 180px;
    padding: 0 20px;
    width: 33%;
}

#main-footer .seoLinks > li ul {
    display: flex !important;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: -10px -10px 0;
}

#main-footer .seoLinks > li ul li {
    flex: 1 auto;
    margin: 0;
    min-width: 150px;
    padding: 6px 10px;
    width: 50%;
}

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

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

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

.social-connect.social-connect-reg .btn-social.style-facebook.btnFbNoApple {
    float: none;
}

.social-connect .btn-social:last-child {
    margin: 0;
}

.social-connect.social-connect-reg {
    width: 435px;
    text-align: center;
}

.social-connect.social-connect-reg .btn-social {
    width: 210px;
}

.social-connect.social-connect-param {
    width: 465px;
    margin-bottom: 12px;
}

.social-connect.social-connect-param .btn-social.style-facebook {
    width: 235px;
    margin-right: 10px;
}

.social-connect.social-connect-param .btn-social.style-apple {
    width: 220px;
}

.social-connect.social-connect-param .btn-social:first-child {
    margin-right: 10px;
}

#profile_create #registration-wrapper form.fb fieldset.sex {
    display: inline-block;
    width: 200px;
}

#profile_create #registration-wrapper form.fb fieldset.orientation {
    display: inline-block;
    width: 255px;
    margin-top: 62px;
    vertical-align: top;
}

#profile_create #registration-wrapper fieldset,
#profile_create #registration-wrapper form fieldset {
    padding: 10px 0 30px 0;
}
/*
     FILE ARCHIVED ON 13:59:39 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: 3.309
  load_resource: 85.892
  PetaboxLoader3.resolve: 48.06
  PetaboxLoader3.datanode: 7.828
*/