/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

 @font-face{
     font-family:"TangoScriptSSi";
     src:url('https://hotesse.les-perles.com/themes/classic/assets/css/fonts/Tango-Script-SSi-Bold.eot');
     src:url('https://hotesse.les-perles.com/themes/classic/assets/css/fonts/Tango-Script-SSi-Bold.eot#iefix') format('embedded-opentype'),
     url('https://hotesse.les-perles.com/themes/classic/assets/css/fonts/Tango-Script-SSi-Bold.ttf') format('truetype');
 }
.main_hotesse{/*width:990px;*/margin:0 auto;text-align:center}
.main_hotesse div{display:inline-block;margin:0 13px 15px;font-size:14px;text-transform:uppercase;font-family:'Times new roman'}
.main_hotesse div.box5 > div{margin-left:3px;margin-right:3px}
.main_hotesse div span{display:table-cell;vertical-align:middle;width:216px;height:211px}
.main_hotesse div span a{color:#979797;text-decoration:none;font-size:16px}
.main_hotesse .tango_text{margin-bottom:44px}
.footer_hotesse{border-top:1px solid #fca19c;margin:30px 0 30px}
.footer_hotesse_text{color:#979797;text-align:center}
#header_user_info,.hotesse-logged #header_user_info{font-family:Arial,sans-serif;font-size:11px;color:#7e7e7e;width:248px;text-align:center}
.hotesse-logged .wapper{background:#ffffff}
.hotesse-logged #header{padding-top:26px;width:1024px}
.hotesse-logged .logo_pres,#authentication .logo_pres{width:882px;margin:0 auto;position:relative;z-index:2}
.hotesse-logged #header_logo{margin-top:5px}.hotesse-logged .tango_text{margin-top:105px}
.hotesse-logged .main_hotesse div span a small{font-size:12px;color:#979797}
.hotesse-logged .main_hotesse div span a small strong{font-size:15px;font-weight:normal;color:#979797;margin:14px 0;display:block}
.hotesse-logged .hotesse_footer_text{font:15px "Times New Roman",serif;color:white;background-color:#fca19c;text-transform:uppercase;text-shadow:0 -1px 0 #a66a67;padding:15px}
.hotesse-logged .hotesse_footer_text span{display:block;text-transform:initial;font-style:italic;margin-top:5px}
.hotesse-logged .hotesse_event{background:url('../../../hotesse_V1/img/facebook-icon.png') no-repeat left center;display:inline-block;cursor:pointer;font-family:Arial,sans-serif;font-size:12px;color:#fff;margin:0 auto 10px auto;text-shadow:0 -1px 0 #a66a67;padding:5px 0 5px 40px}
.hotesse-logged .hotesse_event span{background:#fca19c;padding:8px 12px;display:block}
.hotesse-logged .hotesse_event:hover span{background-color:#e6746e}
.hotesse-logged .hotesse_event:hover{text-decoration:none}
#index .box{width:218px;vertical-align:top;margin:0 6px !Important;border:none !Important}
#index .box a span{background-size:contain;background-repeat:no-repeat;background-position:center center;padding-bottom:20px;color:transparent !Important;font-size:0 !Important;opacity:0.9}
#index .box a span:hover{opacity:1;-webkit-transition:all 600ms ease;-moz-transition:all 600ms ease;-ms-transition:all 600ms ease;-o-transition:all 600ms ease;transition:all 600ms ease}
#index .box.box1 a span{background-image:url('https://hotesse.les-perles.com/themes/classic/assets/img/frames/frame1.png')}
#index .box.box2 a span{background-image:url('https://hotesse.les-perles.com/themes/classic/assets/img/frames/frame2.png')}
#index .box.box3 a span{background-image:url('https://hotesse.les-perles.com/themes/classic/assets/img/frames/frame3.png')}
#index .box.box4 a span{background-image:url('https://hotesse.les-perles.com/themes/classic/assets/img/frames/frame4.png')}
#index .box.box5 a span{background-image:url('https://hotesse.les-perles.com/themes/classic/assets/img/frames/frame5.png')}
#index .box.box6 a span{background-image:url('https://hotesse.les-perles.com/themes/classic/assets/img/frames/frame6.png')}
#index .box.box7 a span{background-image:url('https://hotesse.les-perles.com/themes/classic/assets/img/frames/frame7.png')}
#index .box.box8 a span{background-image:url('https://hotesse.les-perles.com/themes/classic/assets/img/frames/frame8.png')}
div.sep-div{background:url('../../../hotesse_V1/img/sep-line.png') no-repeat top center;width:100%;margin:15px auto !Important}
div#footer.evp-foot{background:url('../../../hotesse_V1/img/sep-line.png') no-repeat top center;width:90%;margin:0 52px}
.foot-ms{background:url('../../../hotesse_V1/img/sep-line.png') no-repeat top center;font-family:'arial';color:#575757;font-size:15px;padding:21px 0 8px;margin-top:13px;text-align:center;font-weight:bold}
div#footer.evp-foot .colonne{background:url('../../../hotesse_V1/img/white-bg-foot.png') no-repeat top left}
a.back-bt:hover{background:#313131;-webkit-transition:all 600ms ease;-moz-transition:all 600ms ease;-ms-transition:all 600ms ease;-o-transition:all 600ms ease;transition:all 600ms ease}
.top-text-header-tango{margin:50px 0 0}
body {
    background: #ffffff;
}
 .wapper {
    background: #ffffff;
}
 #page {
    overflow: hidden;
    width: 1024px;
    padding: 0;
}

 #header {
    margin:0 auto;
    padding: 0;
    float: none;
    display: block;
}
 #header .header-top{
    display: block;
    position: relative;
    margin-bottom: 0px;
    padding-bottom: 0.25rem !important;
}
 #header .header-top .access-vp{
    width: 205px;
    background: #575757;
    color: white;
    padding: 13px 10px;
    text-align: center;
    font-family: times;
    font-size: 18px;
    text-decoration: none;
    margin: 0;
    position: absolute;
    top: 40px;
    left: 0;
}
 #header .header-top .header-logo {
    margin: 0 auto;
    margin-top: 20px;
    text-decoration: none;
    width: 248px;
    height: 120px;
    display: block;
}
 #header .header-top .retourn-bt{    
    position: absolute;
    top: 35px;
    right: 0;
}

    .retourn-bt span {
        color: #575757;
        font-family: 'times new roman';
        font-size: 15px;        
    }

    .retourn-bt a {
        background-image: url('https://hotesse.les-perles.com/themes/classic/assets/img/ret-bt.jpg');
        color: transparent;
        font-size: 0px;
        height: 33px;
        width: 100px;
        display: block;
        background-repeat: no-repeat;
        margin: 0 auto;
        margin-top: 6px;
    }
    
/*------MODIFIED Melo 080813 #header_right #header_user : position top 0px------*/

/* new hotesse page logged */
 #header .header-bottom {text-align: center; margin-bottom: 10px;}
 #header .header-bottom .top-text-header-tango {
    margin: 0;
}
 #header .header-bottom #header_user #header_user_info {font-family: Arial, sans-serif;font-size: 11px;color: #7e7e7e;width: 248px;text-align: center; margin: 0 auto;}
 #header .header-bottom #header_user .hotesse-logged-user .title {font:normal 24px "TangoScriptSSi";color: #7f7f7f;}
 #header .header-bottom #header_user #header_user_info.hotesse-logged-user .account span {font-family: Arial, sans-serif;font-size: 12px; color: #7f7f7f;}
 #header .header-bottom #header_user #header_user_info.hotesse-logged-user .logout {font-family: Arial, sans-serif;font-size: 11px; color: #909090;}



.tango_text {font-family: "TangoScriptSSi";font-size: 26px; color: #fca19c;text-transform: none;border: none;padding: 0;width: 100%;text-align: center;margin: 44px 0 0;}
 #columns {width:1024px;}
 .main_hotesse {/*width:1024px;*/ margin: 0 auto;text-align: center;}
     .main_hotesse div {
        display: inline-block;
        /* border: 1px solid #c6c6c6; */
        margin: 0px 13px 15px;
        font-size: 14px;
        text-transform: uppercase;
        font-family: 'Times new roman';
    }
 .main_hotesse div.box5 > div { margin-left: 3px; margin-right: 3px; }
 .main_hotesse div span {display: table-cell;vertical-align: middle;width: 216px;height: 211px;}
 .main_hotesse div span a {color: #979797;text-decoration: none;font-size: 16px;}
 .main_hotesse .tango_text { margin-bottom: 44px;}
 .footer_hotesse {border-top:1px solid #fca19c;margin: 30px 0 30px;}
 .footer_hotesse_text {color:#979797;text-align: center;}
 .form_content {
    display: inline-block;
    /*left: -92px;*/
    position: relative;
}
 .sf-contener {
    display: none;
}
 div#columns {
    margin-top: 0px !important;
}

#footer_custom {
    float: none !important;
    clear: both !important;
    width: 1024px !important;
    padding-top: 24px !important;
    padding-bottom: 30px !important;
    position: relative !important;
    display: block;
    margin: 0 auto !important;
}
#footer_custom .full-col {
    width: 100%;
}
#footer_custom .full-col .col-25 {
    float: left;
    width: 210px;
}
#footer_custom .full-col .col-25 .title{
    font-family: 'TrajanPro-Bold';
    font-size: 11px;
    color: #5a5a5a;
    border: none;
    margin: 0 0 15px 0;
    padding: 0;
}
#footer_custom .full-col .col-25 p{
    font-family: Arial;
    font-size: 11px;
    margin-bottom: 8px;
}
#footer_custom .full-col .col-25 .links-footer a{
    font-family: Arial;
    font-size: 12px;
    color: #5a5a5a;
}
#footer_custom .full-col .col-25 .links-footer a:hover{
    font-family: Arial;
    font-size: 12px;
    color: #5a5a5a;
}

#footer_custom .full-col .col-25 .button_mini{
    background: #303030;
}

#footer_custom #languages_block_footer{
    float: none !important;
    margin: 0 !important;
    position: absolute;
    bottom: 30px;
    top: auto;
}
#footer_custom #languages_block_footer label, #footer_custom #first-languages li a, #footer_custom #first-languages li {
    color: #5a5a5a;
}
#footer_custom #languages_block_footer label {
    font-weight: normal;
    margin-right: 8px;
}
#footer_custom #currencies_block_top{
    float: none !important;
    margin: 0 !important;
    position: absolute;
    bottom: 30px;
    left: 75px;
    top: auto;
}
#footer_custom #currencies_block_top p,#footer_custom #currencies_block_top #first-currencies li a {
    position: initial;
    top: auto;
    color: #5a5a5a;
}
#footer_custom #currencies_block_top p{
    font-weight: normal;
}
.block-iqithtmlandbanners-html .block-title{
    display:none;
}
.footer-container {
    margin-top: 0 !important; 
    padding-top: 0 !important;
    overflow: hidden;
     box-shadow: unset !important;
}
#wrapper{
    background: #ffffff !important;
    box-shadow: none !important;
    padding-top: 0px !important;
}
#footer {
    float: none !important;
    clear: both !important;
    /* width: 1024px !important; */
    padding-top: 0px !important;
    /* padding-bottom: 30px !important; */
    position: relative !important;
    display: table;
    margin: 0 auto !important;
}
#footer .full-col {
    width: 100%;
}
#footer .full-col .col-25 {
    float: left;
    width: 210px;
}
#footer .full-col .col-25 .title{
    font-family: 'TrajanPro-Bold';
    font-size: 11px;
    color: #5a5a5a;
    border: none;
    margin: 0 0 15px 0;
    padding: 0;
}
#footer .full-col .col-25 p{
    font-family: Arial;
    font-size: 11px;
    margin-bottom: 8px;
}
#footer .full-col .col-25 .links-footer a{
    font-family: Arial;
    font-size: 12px;
    color: #5a5a5a;
}
#footer .full-col .col-25 .links-footer a:hover{
    font-family: Arial;
    font-size: 12px;
    color: #5a5a5a;
}

#footer .full-col .col-25 .button_mini{
    background: #303030;
}

#footer #languages_block_footer{
    float: none !important;
    margin: 0 !important;
    position: absolute;
    bottom: 30px;
    top: auto;
}
#footer #languages_block_footer label, #footer #first-languages li a, #footer #first-languages li {
    color: #5a5a5a;
}
#footer #languages_block_footer label {
    font-weight: normal;
    margin-right: 8px;
}
#footer #currencies_block_top{
    float: none !important;
    margin: 0 !important;
    position: absolute;
    bottom: 30px;
    left: 75px;
    top: auto;
}
#footer #currencies_block_top p,#footer #currencies_block_top #first-currencies li a {
    position: initial;
    top: auto;
    color: #5a5a5a;
}
#footer #currencies_block_top p{
    font-weight: normal;
}
#header .header-top .position-static {
    margin-top: 11px;
    width:100% !important;
    margin: 0 auto;
    display: table;
}
#top-menu{
    display: table;
    margin: 0 auto;
}
#user_info{
    margin: 14px;
}
 #header .header-nav {
    margin-bottom: 10px !important;
}
#_desktop_logo{
    margin: 0 auto;
    text-align: center;
    float: none !important;
    width: 24.66667% !important;
}
#search_widget{
    display:none;
}
body#module-homeselling-invitations .fancybox-inner,
body#module-homeselling-addressbook .fancybox-inner {
  height: 100vh !important;
}
@media only screen and (max-width:768px){
    .block_newsletter{padding-bottom:.625rem;border-bottom:1px solid #f6f6f6}.footer-container{box-shadow:none;margin-top:0}.footer-container .wrapper{padding-left:0!important;padding-right:0!important}.footer-container .links .h3{line-height:1.5;font-size:1rem}.footer-container .links ul{background-color:#f6f6f6;margin-bottom:0}.footer-container .links ul>li{padding:.625rem;border-bottom:1px solid #fff;font-weight:700}.footer-container .links ul>li a{color:#232323}.links .collapse{display:none}.links .collapse.in{display:block}.links .title{padding:.625rem;border-bottom:1px solid #f6f6f6;cursor:pointer}.links .title .collapse-icons .remove,.links .title[aria-expanded=true] .collapse-icons .add{display:none}.links .title[aria-expanded=true] .collapse-icons .remove{display:block}.links .navbar-toggler{display:inline-block;padding:0}
    #wrapper{box-shadow:none}#checkout-cart-summary{float:none;width:100%;margin-top:1rem}#footer{padding-top:.5rem}
    .access-vp{
        width: 121px !important;
        font-size: 13px !important;
    } 
    .access-vp span{
        font-size: 13px !important;
        padding: 0px !important;
    }
    .retourn-bt a{
        width: 66px !important;
        background-size: contain !important;
    }
    .retourn-bt span{
        font-size: 15px !important;
    }
    .col-25.third{
        clear: both;
    }
    .col-25.first{
        margin-right:54px !important;
    }
}
@media only screen and (min-width:769px){

    .col-25.first, .col-25.second{
       margin: 0 auto !important;
    }
}
@media only screen and (min-width:573px){

    #header .logo {
        max-width: unset !important;
    }
    #_desktop_logo h1{
        text-align: center !important;
    }
    #_desktop_logo{
        width:100% !important;
    }
}
@media only screen and (max-width:572px){

    #header .logo {
        max-width: unset !important;
        width:200px !important;
    }
    
    #_desktop_logo h1{
        text-align: center !important;
    }
    #_desktop_logo{
        width:100% !important;
    }
}
@media only screen and (max-width:534px){

    #footer {
        display: block !important;
    }
    .col-25.first, .col-25.second,.col-25.third{
       margin: 0 auto !important;
       display: table;
       float:none !important;
       width:unset !important;
       text-align: center;
    }
    .col-25.fourth{
        margin: 60px auto !important;
        display: table;
        float:none !important;
        width:unset !important;
        text-align: center;
    }
}
@media only screen and (max-width:420px){

    #header .logo {
        max-width: unset !important;
        width:160px !important;
    }
    .access-vp{
        width: 86px !important;
        font-size: 12px !important;
        top:28px !important;
    } 
    .access-vp span{
        font-size: 12px !important;
        padding: 0px !important;
    }


    .retourn-bt span{
        font-size: 12px !important;
    } 
    
}
@media only screen and (max-width:321px){

    #header .logo {
        max-width: unset !important;
        width:119px !important;
    }
}
#header .logo {float:none !important;}