.carprecium {
    text-align: center;
}
#divcarizy {
    display:none;
    background: #ddd
}
#affichercarizy:target #divcarizy {
    display:block
}
#affichercarizy:target #divcarizy {
    display:block
}
.masquercarizy {
    display:none;
}
#affichercarizy:target .masquercarizy {
    display:inline;
}
#affichercarizy:target .affichercarizy {
    display:none;
}

#affichervendez {
    width:640px;
}
#divvendez {
    display:none;
    background: #ddd
}
#affichervendez:target #divvendez {
    display:block
}
#affichervendez:target #divvendez {
    display:block
}
.masquervendez {
    display:none;
}
#affichervendez:target .masquervendez {
    display:inline;
}
#affichervendez:target .affichervendez {
    display:none;
}
.video-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.video-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}



/*---BONNAFF-----*/

.prop-pro, .media-detail{
    padding:0px 0 20px 0;
    background:#fff;
}
.prop-pro h3, .new-model-detail h3{
    background: url(/images/puce-map-pro.png) no-repeat 0 center;
    font-size: 18px;
    height: 22px;
    line-height: 22px;
    margin-bottom: 20px;
    padding-left: 28px;
    text-transform: uppercase;
}

.new-model-detail h3{
    margin-left: 9px;
}
#cto_async_3{
    margin-bottom: 28px;
}

.prop-pro ul{
    float:left;
    width:757px;
}

.prop-pro li:not(.carousel-item){
    float:left;
    margin-right:5px;
    background:#f9f8f8;
}

.prop-pro li a:not(.a-bonnes-affaires){
    display:block;
    background:#f9f8f8;
    width:237px;
    padding:5px;
}
.prop-pro li .figure{
    /*margin-bottom:13px;*/
    height: 180px;
    width: 100%;
}
.resultat .prop-pro li img{
    display:block;
    width:237px;
}
.prop-pro li .f_sugtitre{
    font-size:15px;
    text-transform:uppercase;
    font-weight:bold;
    text-align:center;
    padding: 5px;
}
.prop-pro li .f_sugtitre span{
    font-size:12px;
    font-weight:normal;
}

.link-new-model::after {
    content: '';
    background: url(../images/sprite-listing2.png) -106px 0 no-repeat;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 11px;
    right: 5px;
}

a:hover .link-new-model::after{
    background: url(../images/sprite-listing2.png) -106px -92px no-repeat;
}

.link-new-model{
    background: #ffd200;
    font-size: 12px;
    font-weight: bold;
    padding: 7px 0 5px 10px;
    text-transform: uppercase;
    width:194px;
    margin:12px auto 0 auto;
    position: relative;
}
a:hover .link-new-model{
    background:#000;
    color:#ffd200;
}

/* ajout pour carousel pure css */

.section-carousel{
    padding-bottom: 15px;
    padding-top: 15px;
}

.h3-carousel{
    margin-bottom: 5px !important;
}

.carousel-items {
    display: flex;
    overflow-x: scroll;
    padding: 11px 0px 11px;
    scroll-snap-type: x mandatory;
    width: 100% !important;
}

.carousel-item {
    flex: 1 0 250px;
    margin-left: 0.3rem;
    scroll-snap-align: start;
    margin-right: 0px;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    background: #f9f8f8;
}

.carousel-item img {
    height: 100% !important;
    margin: auto;
}

.a-carousel{
    display: flex !important;
    align-items: center;
    flex-direction: column;
}

.link-carousel{
    margin: 0px;
    width: 226px;
}
/*---- fin de l'ajout ----*/
/*---#super-user-body---*/

body#super-user-body.small-head {
    margin-top:0 !important;
    max-width: 100% !important;
}

body#super-user-body {
    background-image: none !important;
    margin-top:0;
    width: 100% !important;
    max-width:100% !important;
    overflow-x: hidden;
}


body#super-user-body .habillage-top,
body#super-user-body #ayads-html
{
    display:none !important;

}

body#super-user-body.small-head #connection #top_container,
body#super-user-body.small-head  #color-info-header {
    width: 100% !important;
    max-width: inherit !important;
}

body#super-user-body.small-head #info-header {
    max-width: inherit;
}

body#super-user-body.small-head #connection  {
    margin-top:0;
}

body#super-user-body.small-head #header .header-center {
    margin:0 auto !important;
    max-width: inherit !important;
}


body#super-user-body #connection #top_container {
    width: 100% !important;
}

body#super-user-body #connection  {
    margin-top:0 !important;
}

html.dressing body#super-user-body:not(.small-head) #header {
    height:475px !important;
}

body#super-user-body .picto-logo-parking {
    top: 13px !important;
}

body#super-user-body .wrap-container {
    margin-top: 0;
}



/*---#habillage---*/
html.dressing #dress-animate {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    opacity: 1;
    z-index: -1;
}

html.dressing #dress-animate.ease-in {
    opacity: 0;
    -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
}

/*
html.dressing body {
    background-position: 50% 0 !important;
    background-repeat: no-repeat !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1100px !important;
}

html.dressing .small-head #header {
    height: 220px !important;
}
*/



html body {
   max-width: 100%;
}

html.dressing #connection {
    background: none;
    top: 0;
}

html.dressing #connection #top_container {
    margin: 0 auto;
    max-width: 100%;
}

html .picto-logo-parking {
    opacity: 1 !important;
    z-index: 20;
    margin-top: -65px;
}

html.dressing body:not(.small-head) #header {
    height: auto;
   /* padding-bottom: 50px;*/
}

html.dressing #header .header-center {
   padding-top: 100px;
}

html.dressing #home {
  /*  padding: 170px 0 0 0 !important;*/
}

html.dressing #header .mybg {
  /*  background-position: top !important;*/
}

html.dressing #entete-home {
    margin-top: 0;
}

html.dressing #entete-home h1 span {
    line-height: 17px;
    font-size: 13px;
    margin-top: 0;
}

html body:not(.small-head) #header h2 {
    margin: 5px 0 15px 0;
    width: 100%;
    text-align: center;
}

html.dressing body:not(.small-head) #header div.conteneur-input,
html.dressing body:not(.small-head) #header div .input-search {
    width: 545px;
}

html.dressing body:not(.small-head) #header div.conteneur-input div.bg-input {
    width: 545px;
}

html.dressing body.small-head #header div.conteneur-input {
    width: 755px;
}

html.dressing .small-head #info-header, html.dressing #color-info-header {
    left: 0 !important;
    width: 100% !important;
}

html.dressing .pub-right {
    display: none !important;
}

html.dressing .btn-return-top {
    z-index: 15;
}

html.dressing .habillage-top {
    height: 220px;
    z-index: 10;
    display: block;
    position: absolute;
    top: 0;
    width: 1380px;
    max-width: 100%;
    left: calc(50% - 690px);
}

html.dressing .habillage-cote {
    height: 820px;
    width: 140px;
    max-width: 100%;
    position: absolute;
    top: 0;
}

html.dressing .habillage-left {
    left: calc(50% - 690px);
}

html.dressing .habillage-right {
    right: calc(50% - 690px);
}

html.dressing footer {
    position: relative !important;
    left: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

html.dressing .bottom-info {
    margin-top: 0 !important;
}

html.dressing .bottom-info::before {
    display: none !important;
}

#ayads-pull-creative-1 {
    display: none;
}


html.dressing .bg-gradient {
    width:1380px;
    max-width: 100%;
    height: 820px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-box-shadow: 0 -50px 60px 140px rgba(255,152,1,1);
    -moz-box-shadow: 0 -50px 60px 140px rgba(255,152,1,1);
    box-shadow: 0 -50px 60px 140px rgba(255,152,1,1);
    background: #ffba53;
  /*  background-image: url(../images/Hab_All13.png);*/
    background-size: 100% auto;
    background-repeat: no-repeat;
}

html.dressing .wrap-container {
    background: #fff;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 220px;
    width: 1100px !important;
    max-width: 100% !important;
}

html.dressing .ayads-m .wrap-container {
    margin-top: 0;
}


/*---#habillage---*/

/* header */

/*html.dressing #bloc-bg-header {
    height: 640px;
}*/
/*html.dressing #header .mybg {
    height: 100%;
    background-size: cover !important;
}*/

#connection #top_container {
    background: none;
}

#btn-other-site a.link-moto:after {
    width: 1px;
    height: 12px;
    background: #fff;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
}


#center-btn-connect {
    height: auto;
    display: inline-block;
}

/* filters action buttons */
#filters-action-btns{
    display: none;
}
#filters-action-btns .show-filters-btn{
    font-size: 13px;
    background: #141414;
    color: #ffd200;
    height: 36px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    line-height: 33px;
    z-index: 4;
    box-sizing: border-box;
    position: relative;
}
#filters-action-btns .btn-alerting-active{
    width: 50% !important;
}
#filters-action-btns .show-filters-btn span{
    background: url(/images/picto-view-selection.png) no-repeat;
    width: 17px;
    height: 19px;
    position: absolute;
    top: 10px;
    left: 8px;
}
#filters-action-btns .create-alert-btn,
#filters-action-btns .show-auction-btn {
    font-size: 13px;
    height: 36px;
    width: 50%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    line-height: 33px;
    z-index: 4;
    border-radius: 0;
    box-sizing: border-box;
    position: relative;
}
#filters-action-btns .show-videos-btn {
    font-size: 13px;
    height: 36px;
    width: 50%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    line-height: 33px;
    z-index: 4;
    border-radius: 0;
    box-sizing: border-box;
    position: relative;
}
#filters-action-btns .create-alert-btn{
    background: #ffd200;
}
#filters-action-btns .show-auction-btn {
    background: #1bbc9c;
    color:black;
}
#filters-action-btns .show-videos-btn {
    background: #ff0000;
    color:black;
}
#filters-action-btns .create-alert-btn span,
#filters-action-btns .show-auction-btn span{
    padding-right: 0;
    background-position: left center;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 10px;
    left: 8px;
}
#filters-action-btns .show-videos-btn span{
    padding-right: 0;
    background-position: left center;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 10px;
    left: 8px;
}
#filters-action-btns .create-alert-btn span::after,
#filters-action-btns .show-auction-btn span::after{
    content: '';
    position: absolute;
    display: block;
}
#filters-action-btns .show-videos-btn span::after{
    content: '';
    position: absolute;
    display: block;
}

#filters-action-btns .create-alert-btn span::after{
    background: url(../images/sprite-alert.png) 0 -138px no-repeat;
    width: 16px;
    height: 16px;
    right: 0;
    top: 1px;
}
#filters-action-btns .show-auction-btn span::after{
    background: url(/images/icon-auction-black.png) 0 0 no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    right: -7px;
    top: -3px;
}
#filters-action-btns .show-videos-btn span::after{
    background: url(/images/icon-videos.png) 0 0 no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    right: -7px;
    top: -3px;
}
/* end of filters actions buttons */

.menu-container,
.menu-container *{
   box-sizing: border-box;
}

.link-services {
    float: right;
    position: relative;
    font-weight: bold;
}

.menu-container a {
    color: #ffffff;
    line-height: 45px;
    float: left;
}
.menu-container .link-services a span span {
    padding: 0 20px 0 25px;
    position: relative;
}

.menu-container .link-services a span span em {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/images/sprite-header.svg) -150px 0 no-repeat;

}

.espace-pro {
    float: right;
    margin-top: 8px;
    margin-right: 20px;
    position: relative;
}

p.espace-pro > a{
    background: #ffd514 url(/images/bg-espace.svg) no-repeat 10px center;
    border-radius: 20px;
    padding: 0 10px 0 45px;
    height: 30px;
    line-height: 30px;
    background-size: 30px;
    color: #1e1e1e;
    font-weight: 600;
}
p.espace-pro > a:hover {
    background: #ffffff url(/images/bg-espace.svg) no-repeat 10px center;
    background-size: 30px;
}

/*---espace-pro for french version---*/
.espace-pro > div:first-child{
    background: #ffd514 url(/images/bg-espace.svg) no-repeat 10px center;
    border-radius: 20px;
    padding: 0 10px 0 45px;
    height: 30px;
    line-height: 30px;
    background-size: 30px;
    color: #1e1e1e;
    font-weight: 600;
    cursor: pointer;
}

.espace-pro > div:first-child:hover {
    background: #ffffff url(/images/bg-espace.svg) no-repeat 10px center;
    background-size: 30px;
    color: #ffd514;
}
.espace-pro .menu{
    position: absolute;
    display: none;
    top: 150%;
    width: 250px;
    padding: 1rem;
    border-radius: 5px;
    background: #292D32;
    left: -50%;
}
.espace-pro .item ,
.espace-pro-smart .item{
    font-size: 14px; 
    color: white; 
    display:flex; 
    align-items: center; 
    justify-content: space-between;
    margin: 0.75rem 0;
}
.espace-pro .item:first-child,
.espace-pro-smart .item:first-child{
    margin: 0 0 0.75rem 0;
}
.espace-pro .item:last-child,
.espace-pro-smart .item:last-child{
    margin: 0.75rem 0 0 0;
}
.espace-pro-smart .item:last-child{
    border-bottom: none !important;
}

.espace-pro .item .link,
.espace-pro-smart .item .link{
    line-height: 1.5rem;
    width: 80%;
}
.espace-pro .item a:hover{
    color: white;
    border-bottom: 3px solid #ffd514;
}
.espace-pro .item .icon ,
.espace-pro-smart .item .icon{
    width: 30px;
}
.espace-pro .item .icon svg ,
.espace-pro-smart .item .icon svg {
   vertical-align: middle;
   color: #ffd514;
}
.espace-pro  .menu.show::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -3%;
    z-index: 50;
    right: calc(57% - 0.75rem);
    border: 0.75rem solid transparent;
    border-top: none;
    border-bottom: 0.75rem solid #292D32;
    filter: drop-shadow(0 -1px 1px rgba(0,0,0,.1));

}
.espace-pro .show {
    display: block;
}

.espace-pro-smart .btn{
    padding-left: 22px;
    color: #ffd514 !important;
}
.espace-pro-smart .smart-menu li{
    border-bottom: 1px solid gray !important;
}
.espace-pro-smart .smart-menu li a{
    color: white !important;
    padding-left: 0 !important;
}
.espace-pro-smart .item .icon svg {
    width: auto;
    margin: 0;
}

#center-btn-connect .multilingue {
    background: none;
    float: right;
    position: relative;
    width: 170px;
}
#center-btn-connect .multilingue .selected-langue {
    width: 170px;
}

.header-inner {
    background: rgba(0, 0, 0, 0.6);
    display: inline-block;
    margin: 0 auto;
    padding: 0 50px 20px;
}

.small-head .header-inner {
    background: transparent;
}

.wrap-boxes {
    float: none;
   /* width: 400px;*/
    width: 450px;
    margin: 25px auto 0;
    display: inline-block;
    max-width: 100%;
}

html.dressing .wrap-boxes {
    margin-top: 60px;
    margin-bottom: 40px;
}

.box-anonces,
.box-references {
    float: left;
    width: 50%;
}
.info-comp-filter.change-position .btn-view-alerting{
    display: none;
}

#header .wrap-boxes h2 {
   /* width: 130px;*/
    width: auto;
    line-height: 30px;
    float: none;
    display: inline-block;
}

#header .wrap-boxes .box-references h2 {
    width: 100%;
    padding: 0 3px;
}

#header .wrap-boxes h2 span,
#header .wrap-boxes h2 i {
  /*  float: left;*/
    display: inline !important;
}

#header .wrap-boxes h2 span span,
#header .wrap-boxes h2 span i {
    font-size: 30px;
    font-style: italic;
}

#header .wrap-boxes h2 em {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    display: block;
    width: 100%;
    text-align: center;
}

#header .wrap-boxes h2 span.nombre {
    display: block;
    width: 100%;
    text-align: center;
    float: none;
}


/* small-header*/

.small-head .wrap-boxes {
    display: none;
}

.small-head .header-inner {
    width: 100%;
    padding: 0 0 10px;
}

.small-head #header {
    height: auto;
}

.small-head #header {
    height: 220px;
}

#count-result {
    display: none;
}



html.dressing .ayads-m #connection {
   margin-top: 0 !important;
}

html .ayads-m #connection {
    margin-top: 0 !important;
}

.picto-logo-parking {
    position: static;
}



/* end header */


/* search*/

.conteneur-input .bg-input,
.form-header-static {
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    transition: 0.5s;
}

.conteneur-input.bigSearch .bg-input {
    position: absolute;
    -ms-transform: scale(1.1,1.1); /* IE 9 */
    -webkit-transform: scale(1.1,1.1); /* Safari prior 9.0 */
    transform: scale(1.1,1.1); /* Standard syntax */
    transition: 0.5s;
}

/* end search*/


#adLeaveDiv {
    z-index: 100;
}

.mobile-alert {
    display: none;
}

#content {
    margin: 0 auto;
    display: none;
}

/* connection*/

#connection.isopened {
    position: absolute;
    z-index: 20;
    top: 0;
}

#top_container * {
    box-sizing: unset;
}

#header {
    z-index: 20;
}

.depot-annonce,
#identification,
#creer-compte {
    color: #1e1e1e;
}

.info-depot {
    box-sizing: border-box !important
}

#entete-home {
    clear: both;
}

#connection.isopened #identification,
#connection.isopened #creer-compte {
    background-color: rgba(0, 0, 0, 0.8);
    margin-top: 0;
    z-index: 10;
    height: 100vh;
    position: fixed;
}

#connection.isopened #identification #top_container,
#connection.isopened #creer-compte #top_container {
    height: auto;
}

#connection.isclosed #center-btn-connect {
    /* background-color: rgba(0, 0, 0, 0.8);*/
    margin-top: 0;
}

#connection.isopened #center-btn-connect{
    margin-top: 0;
}


/*---------------------------HOME----------------------*/
#home {
    background-color: #fff;
}

/*-------entete home---------*/
#entete-home {
    background: url(/images/bg-entete-home.gif) no-repeat center bottom;
    height: 235px;
    position: relative;
    margin-top: 43px;
}

#entete-home article {
    float: left;
    font-size: 12px;
    text-align: center;
}

#entete-home article.entete-h {
    width: 31%;
    padding: 0 1%;
}

#entete-home article h2 {
    margin-top: 45px;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 9px;
}

#entete-home article h2 span.nombre {
    font-size: 42px;
    line-height: 42px;
    height: 42px;
    display: -webkit-flex;
    -webkit-justify-content: center;
    display: flex;
    justify-content: center;
}

#entete-home article h2 span.nombre span {
    float: left;
    width: 30px;
    height: 34px;
    text-align: center;
    background: url(/images/chiffre-annonce-entete.png) 0 0 no-repeat;
    text-indent: -50000px;
    display: none;
}

#entete-home article h2 span.nombre span.tri-nombre {
    margin-left: 6px;
}

#entete-home article h2 span.nombre i {
    display: block;
    width: 10px;
    float: left;
    height: 34px;
    font-style: normal;
}

#entete-home article h2 em {
    font-style: normal;
    line-height: 19px;
    display: block;
}

#entete-home article.entete-h-right h2 em {
    float: none;
    padding: 0;
    display: block;
}

#entete-home article.entete-h-right a:hover {
    color: #333;
}

.link-top {
    background: url(/images/puce-fleche-detail.png) left 6px no-repeat;
    padding: 0 0 0 10px;
    font-size: 12px;
    margin-top: 11px;
    display: inline-block;
    text-decoration: underline;
    font-weight: bold;
}

/*------------------CAROUSEL SLIDE-----------------------*/
.slide-home {
    width: 1004px;
    height: 180px;
    margin: 0 auto;
    display: none;
}

.slide-first {
    width: 98%;
    max-width: 893px;
    padding: 0 1%;
    display: block;
}

/*---------------------FIN CAROUSEL SLIDE-------------------*/
.bottom-home {
    margin: 30px auto 0 auto;
}

.bottom-home h3 {
    font-size: 15px;
    text-transform: uppercase;
    color: #1e1e1e;
    padding-bottom: 9px;
    margin-bottom: 20px;
    background: url(/images/border-trame.png) center bottom no-repeat;
    width: 456px;
    font-weight: bold;
}

.bottom-home .right-bottom h3 {
    width: 100%;
}

.bottom-home ul li {
    float: left;
    margin: 0 20px 20px 0;
}

.bottom-home ul li img {
    display: block;
}

.bottom-home .insolite-social {
    background: url(/images/border-trame.png) top center no-repeat;
    padding: 18px 0 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.bottom-home .insolite-social ul li {
    text-indent: -5000px;
    float: right;
    margin-bottom: 0;
}

.bottom-home .insolite-social ul li.inso-twitter {
    border-right: 1px solid #e1e1e1;
    padding-right: 16px;
    margin-right: 16px;
}

.bottom-home .insolite-social ul li.inso-facebook {
    margin-right: 0;
}

.bottom-home .insolite-social ul li a {
    display: block;
    width: 22px;
    height: 18px;
}

.bottom-home .insolite-social ul li.inso-twitter a {
    background: url(/images/x-twitter.svg) no-repeat;
}
.bottom-home .insolite-social ul li.inso-twitter a:hover {
    background: url(/images/x-twitter-yellow.svg) no-repeat;
}

.bottom-home .insolite-social ul li.inso-facebook a {
    background: url(/images/inso-social.png) -0 0 no-repeat;
}

.article-bottom {
    float: left;
    width: 476px;
    padding-left: 15px;
}

#all-cat-link {
    width: calc(100% - 27px);
    text-align: right;
    margin-bottom: -15px;
}

.right-bottom {
    float: right;
    padding-right: 15px;
}

.right-bottom .article {
    margin-bottom: 20px;
}

.right-bottom .left-img {
    float: left;
    width: 218px;
}

.right-bottom .left-img img {
    display: block;
}

.right-bottom .right-txt {
    float: right;
    width: 248px;
    height: 218px;
    position: relative;
}

.right-bottom .right-txt h4 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 6px;
    line-height: 21px;
    font-weight: bold;
}

.right-bottom .right-txt a.link-insolite {
    color: #1e1e1e;
    background: url(/images/puce-fleche-detail.png) left 5px no-repeat;
    padding: 0 0 0 9px;
    display: inline-block;
    margin-top: 3px;
    position: absolute;
    bottom: 3px;
    left: 0;
    z-index: 2;
}


.right-bottom .right-txt a.link-insolite:hover {
    text-decoration: underline;
}

.view {
    width: 218px;
    height: 218px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.view .mask {
    width: 218px;
    height: 218px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view img.img-front {
    display: block;
}

.view-tenth .mask {
    background: #ffd200 url(/images/picto-insolite.png) left bottom no-repeat;
    transition: all 0.2s linear;
    opacity: 0;
}

.content-mask {
    text-align: center;
    transform: scale(0);
    opacity: 0;
    transition: all 0.2s linear;
    padding-top: 70px;
}

.inso-1 .content-mask {
    background: url(/images/picto-insolite.png) center 0 no-repeat;
}

.inso-2 .content-mask {
    background: url(/images/picto-insolite.png) center -218px no-repeat;
}

.inso-3 .content-mask {
    background: url(/images/picto-insolite.png) center -436px no-repeat;
}

.inso-4 .content-mask {
    background: url(/images/picto-insolite.png) center -654px no-repeat;
}

.content-mask h4 {
    color: #262626;
    text-transform: uppercase;
    font-size: 11px;
    padding-top: 70px
}

.content-mask h4 span {
    font-size: 16px;
    font-weight: bold;
}

.view-tenth:hover img.img-front {
    transform: scale(1.2);
    opacity: 0;
}

.view-tenth:hover .mask {
    opacity: 1;
}

.view-tenth:hover .content-mask {
    transform: scale(1);
    opacity: 1;
    padding-top: 41px;
}

.inso-2:hover .content-mask {
    padding-top: 56px;
}

/*---------------------FIN HOME----------------------*/

/*---------------------PAGE RESULTAT---------------------*/
#content-info-header ul #search_tab {
    margin-left: 20px;
}

#content-info-header ul #service_tab {
    margin-right: 20px;
}

/*--------------------------------------BLOCK FILTER------------------------------*/
.onMobile {
    display: none !important;
}

.mimi {
    font-size: 30px;
    font-weight: bold;
    color: red;
    position: fixed;
    z-index: 20000;
    top: 20px;
    right: 20px;
}

.pub-right {
    position: absolute;
    left: 1105px;
    top: 275px;
}
.coverflow {
    z-index: 100;
    overflow: hidden;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 294px;
    bottom: 0;
    width: 20px;
    opacity: 1;
    filter: alpha(opacity=0);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    background-color: transparent;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.5) 100%);
    background-image: linear-gradient(to right, rgba(0,0,0,0.0001) 0%, rgba(0,0,0,0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.coverflow.full-size{
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.0001) 100%);
    background-image: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    left: 0;
    top: 138px;
    z-index: 1;
}
.cover-chevron {
    background: url(../images/puce-fleche-blanc-left.png) 8px 0 no-repeat;
    position: absolute;
    width: 15px;
    height: 15px;
    line-height: 15px;
    display: block;
    top: 160px;
}
.coverflow.full-size .cover-chevron{
    background: url(../images/puce-fleche-blanc.png) center no-repeat;
}
#bloc-filter {
    padding: 71px 0 20px 0;
    width: 304px;
    float: left;
    height: 100%;
    position: relative;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    margin-top: 31px;
}

#btn-view-selection, #btn-mobile-alerting {
    position: fixed;
}

/*---agence tooltip-----*/
.agence-tooltip{
    position: relative;
}
.agence-tooltip[data-agence]:hover:after {
    content: attr(data-agence);
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap;
    z-index: 20;
    background-color: #2a2a2a;
    color: #fff;
    opacity: 0.9;
    font-size: 10px;
    font-weight: normal;
    left: 50px;
    top: -4px;
}
.seller a {
    height: auto !important;
    color: white;
}

.info-comp-filter {
    position: absolute;
    top: 20px;
    width: 304px;
    height: 40px;
    text-align: center;
}

.link-reinit {
    height: 37px;
    background: #e9e9e9;
    border: 1px solid #e4e4e4;
    margin: auto auto 20px auto;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 80%;
}

.link-reinit:hover {
    background: #fff;
    cursor: pointer;
}

.link-reinit:hover a {
    color: #ffd200;
}

.link-reinit a {
    font-weight: bold;
    font-size: 15px;
    line-height: 37px;
}

#face_links.alerting_version {
    margin-top: 71px;
}

#face_links {
    margin-top: 56px;
}


.info-comp-filter.change-position {
    /*position:fixed;*/
    top: 42px;
    padding-top: 10px;
    z-index: 2000;
    width: 237px;
}

.info-comp-filter h3 {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    position: relative;
}

.info-comp-filter h3.change-position {
    position: fixed;
    top: 0;
    padding-top: 10px;
    z-index: 2000;
    width: 224px;
}

.info-comp-filter.change-position h3 {
    position: fixed;
    top: 28px;
    width: auto;
    margin-left: 60px;
}

.info-comp-filter.change-position #hits:before:hover {
    cursor: pointer;
}
.info-comp-filter.change-position .btn-view-alerting.alerting_log {
    display: none;
}

.change-position .btn-view-alerting {
    margin-top: -7px;
    padding: 0 15px;
    color: black;
}
.info-comp-filter h3 span#hits {
    font-size: 21px;
}

.info-comp-filter h3 span#loader {
    font-size: 1px;
    width: 16px;
    height: 16px;
    background: url(../images/select-load-mobile.gif) no-repeat center center;
    background-size: 14px;
    position: absolute;
    top: 11px;
    right: 11px;
    display: none;
    left: auto;
}


/* tcsp */

.hits{
    display:none;
}
.bloc-hits{
    height: 40px;
    width: auto;
    overflow: hidden;
    padding: 0 4px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: none;
    display: block;
}
#hits.hits{
    text-align: center;
    margin: 0 auto;
    display: table;
}

#hits strong{
    display: inline-block;
    float: left;
    background: #141414;
    width: 23px;
    height: 33px;
    line-height: 29px;
    border: 1px solid transparent;
    overflow: hidden;
    position: relative;
    margin-right: 1px;
    padding-top: 2px;
}
#hits span{
    display: inline-block;
    background: url(../images/sprite-listing2.png) -73px 0 no-repeat;
    color:#000;
    width: 23px;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    height: 31px;
    background-position-x: -73px !important;
    line-height: 61px;
    text-indent: 5000px;
}

#hits strong.third{
    float: left;
    margin-right: 6px;
}
#hits strong.third:last-child{
    margin-right: 0;
}
#hits span.third:last-child{
    margin-right: 0;
}



h2.select-load {
    background: url(/images/select-load-mobile.gif) 100% no-repeat;
    background-size: 14px;
}
.cover-filter h2.select-load {
    background-position: 100% 0;
}
p.select-load {
    background: url(/images/select-load-pays.gif) right no-repeat;
}

h2.select-load.select-off,
p.select-load.select-off {
    background: none;
    /*width:80%;*/
    width:100%;
    z-index: -10;
}

p #select-all {
    text-transform: none;
    font-weight: normal;
    font-size: 14px;
    padding-left: 15%;
}

p #select-all label {
    padding: 0 0 0 5px;
}

#pays_resume span {
    display: block;
    overflow: hidden;
    height: 32px;
}

.btn-view-alerting {
    height: 45px;
    line-height: 45px;
    background: #ffd200;
    width: 80%;
    font-weight: bold;
    text-align: center;
    margin: 17px auto auto auto;
    cursor: pointer;
    font-size: 16px;
    top: 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.btn-view-alerting span {
    padding-right: 30px;
    position: relative;
}

.btn-view-alerting span::after {
    content: '';
    background: url(../images/sprite-alert.png) 0 -138px no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    display: block;
    right: 0;
    top: 1px;
}

#my-alerting .end {
    font-size: 16px;
    line-height: 19px;
    padding: 40px;
}

.elem-filter {
    margin-bottom: 20px;
    padding: 17px 11px 12px 30px;
    border-top: 1px solid #d1d1d1;
    position: relative;
    z-index:1;
}

.elem-filter:first-child {
    border: none;
}

#face_links .list-filter.disp-bloc {
    z-index:-9;
    position:relative;
}

.last-filter {
    background: none;
    margin-bottom: 0;
}

.elem-filter h2 {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 8px;
    height: 16px;
    clear: both;
    position: relative;
    font-family: 'Roboto', sans-serif;
    /*transition:all 150ms ease-in-out 0s;*/
}

.fleche-bottom-filter {
    width: 100%;
    text-align: center;
    margin-left: -30px;
    height: 15px;
    position: absolute;
    bottom: -17px;
    cursor: pointer;
    background: url(../images/sprite-alert.png) 63% -443px no-repeat;
    transition: all 150ms ease-in-out 0s;
}

.fleche-bottom-filter.selected {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


.toggle-bottom-filter {
    position: absolute;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    bottom: -6px;
    width: auto;
    z-index: 9999;
    right: 0;
    left: 0;
    margin: 0 10px;
    height: 20px;
    line-height: 20px;
    padding:10px 0;
}

.elem-filter ul.list-filter li {
    background: url(../images/sprite-alert.png) 0 -388px no-repeat;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 1px;
    float: left;
    clear: both;
}
.elem-filter ul.list-filter li a,
.elem-filter ul.list-filter li label {
    padding: 4px 8px;
    margin: 0 0 0 21px;
    display: inline-block;
    color: #767676;
    cursor: pointer;
    text-transform: uppercase;
}
#face_links input[type=checkbox]{
    font-size: 16px;
}
.elem-filter ul.list-filter li.checked-item label,
.elem-filter ul.list-filter li a:hover,
.elem-filter ul.list-filter li:hover label{
    color:#1e1e1e;
    background:#ffd200;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration:none;
}
.elem-filter ul.list-filter li.checked-item,
.elem-filter ul.list-filter li:hover,
.elem-filter ul.list-filter li.checked-item.facet:hover {
    background: url(../images/sprite-alert.png) 0 -415px no-repeat;
}
.elem-filter ul.list-filter li.checked-item.facet,
.elem-filter ul.list-filter li:hover {
    background: url(../images/sprite-alert.png) 0 -415px no-repeat;
}
.elem-filter ul.list-filter li.checked-item.facet:hover label{
    background:none;
    color:#767676;
    text-decoration:line-through;
}
.elem-filter ul.list-filter li a.selected {
    color: #298FEE;
}

.elem-filter ul.list-filter li a.selected.picked {
    background: #FFD200;
    -moz-border-radius: 6px;
    -webkit-border-radius: 16px;
}

.elem-filter ul.list-filter li a.selected.suggestion {
    background: #FFE188;
}

.elem-filter ul.list-filter li.checked-item.alone-search label {
    text-decoration:none;
    cursor: not-allowed;
    background: #ffd200;
}
.elem-filter ul.list-filter li.checked-item.alone-search{
    background:url(../images/sprite-alert.png) 0 -415px no-repeat;
    cursor: not-allowed;
}

.elem-filter ul.list-filter li label a:hover {
    background: none;
    color: #298fee;
}

.elem-filter ul.list-filter li label a.selected.picked {
    background: none;
    text-decoration: underline;
}

.elem-filter ul.list-filter li a img {
    padding-left: 10px;
    vertical-align: middle;
}

.elem-filter ul.list-couleur {
    padding: 8px 0 0 0;
}

.elem-filter ul.list-couleur li {
    width: 24px;
    height: 24px;
    float: left;
    text-indent: -5000px;
    margin: 0 13.3px 6px 0;
    display: inline;
    position: relative;
    padding: 3px;
}

.elem-filter ul.list-couleur li a:hover {
    border: 3px solid #ffd200;
    /* outline: 2px solid #fff; */
    outline: 0 none;
}


.elem-filter ul.list-couleur li.active a{
    border: 3px solid #ffd200;
    /* outline: 2px solid #fff; */
    outline: 0 none;
}


.elem-filter ul.list-couleur li .tooltips,
.geolocation_slider .geoloc_tooltip {
    position: absolute;
    top: -37px;
    left: -43px;
    background: #fff;
    width: 150px;
    padding: 0 0 0 0;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border: 1px solid #bdbdbd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: none;
    font-weight: bold;
    text-align: center;
    color: #000;
    text-indent: 0;
}

.elem-filter ul.list-couleur li .tooltips span,
.geolocation_slider .geoloc_tooltip span {
    background: url(/images/fleche-tooltips.png) no-repeat;
    width: 11px;
    height: 16px;
    font-size: 1px;
    line-height: 1px;
    position: absolute;
    bottom: -16px;
    left: 47px;
}

#geolocate_result {
    position: relative;
    width: 201px;
}
.container-top-item, .right-bloc-btn{
    flex: 1;
}
.inspection-btn{
    display: block;
    margin-bottom: 0.5rem;
    color: white;
}
.inspection-btn div{
    border-radius: 15px;
    border-width: 2px 2px;
    display: flex;
    justify-content: space-between;
    padding: 4px 8px 4px 8px;
    background: #29565E;
}
.inspection-btn img{
    width: 10%;
}
.titre-localisation {
    margin-bottom: 5px;
}

.sub-text {
    padding: 0 0 0 8px;
}

.sub-text-geolocate {
    padding: 0 0 5px 8px;
}

.titre-localisation a {
    float: right;
    margin-right: 25px;
    color: #828282;
    font-size: 12px;
}

.elem-filter ul.list-couleur li a {
    width: 18px;
    height: 18px;
    display: block;
    border: 3px solid transparent;
}

.elem-filter ul.list-couleur li.color_0 {
    background: url(../images/sprite-alert.png) 0 -464px no-repeat;
}

.elem-filter ul.list-couleur li.color_3 {
    background: #164ea1;
}

.elem-filter ul.list-couleur li.color_13 {
    background: #738a21;
}

.elem-filter ul.list-couleur li.color_6 {
    background: #fde200;
}

.elem-filter ul.list-couleur li.ocre {
    background: #9d450e;
}

.elem-filter ul.list-couleur li.color_12 {
    background: #9c1315;
}

.elem-filter ul.list-couleur li.fushia {
    background: #9c1061;
}

.elem-filter ul.list-couleur li.color_14 {
    background: #781299;
}

.elem-filter ul.list-couleur li.color_2 {
    background: #fff;
    border: 1.5px solid black;
    padding : 1.5px;
}

.elem-filter ul.list-couleur li.color_4 {
    background: #878787;
}

.elem-filter ul.list-couleur li.color_9 {
    background: #000;
}

.elem-filter ul.list-couleur li.color_1 {
    background: #f8e6c5;
}

.elem-filter ul.list-couleur li.color_7 {
    background: #57360c;
}

.elem-filter ul.list-couleur li.color_8 {
    background: #9f7a8c;
}

.elem-filter ul.list-couleur li.color_10 {
    background: #fb8200;
}

.elem-filter ul.list-couleur li.color_11 {
    background: #cb197d;
}

.elem-filter ul.list-couleur li.bleu a:hover,
.elem-filter ul.list-couleur li.vert a:hover,
.elem-filter ul.list-couleur li.jaune a:hover,
.elem-filter ul.list-couleur li.ocre a:hover,
.elem-filter ul.list-couleur li.rouge a:hover,
.elem-filter ul.list-couleur li.fushia a:hover,
.elem-filter ul.list-couleur li.violet a:hover,
.elem-filter ul.list-couleur li.blanc a:hover,
.elem-filter ul.list-couleur li.gris a:hover,
.elem-filter ul.list-couleur li.noir a:hover,
.elem-filter ul.list-couleur li.beige a:hover,
.elem-filter ul.list-couleur li.marron a:hover,
.elem-filter ul.list-couleur li.mauve a:hover,
.elem-filter ul.list-couleur li.orange a:hover,
.elem-filter ul.list-couleur li.noir a:hover,
.elem-filter ul.list-couleur li.bleu a.hover,
.elem-filter ul.list-couleur li.vert a.hover,
.elem-filter ul.list-couleur li.jaune a.hover,
.elem-filter ul.list-couleur li.ocre a.hover,
.elem-filter ul.list-couleur li.rouge a.hover,
.elem-filter ul.list-couleur li.fushia a.hover,
.elem-filter ul.list-couleur li.violet a.hover,
.elem-filter ul.list-couleur li.blanc a.hover,
.elem-filter ul.list-couleur li.gris a.hover,
.elem-filter ul.list-couleur li.noir a.hover {
    border-color: #000;
}

/*------------------------SLIDER------------------------*/
/*---------slider-----------*/
.slider-km, .slider-prix, .slider-millesime {
    width: 252px !important;
    margin: 20px 0 0 0;
}

.pourcent-visu {
    width: 100%;
    height: 100px;
}

.elem-filter .pourcent-visu ul li {
    padding: 0;
    height: 100px;
    position: relative;
    float: left;
    z-index: 2;
}

.elem-filter .pourcent-visu ul li .tooltips {
    position: absolute;
    top: -60px;
    left: -62px;
    background: #fff;
    width: 125px;
    padding: 8px 0 0 0;
    height: 40px;
    font-size: 12px;
    color: #2a2a2a;
    border: 1px solid #bdbdbd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: none;
    font-weight: bold;
    text-align: center;
}

.elem-filter .pourcent-visu ul li .tooltips span {
    background: url(/images/fleche-tooltips.png) no-repeat;
    width: 11px;
    height: 16px;
    font-size: 1px;
    line-height: 1px;
    position: absolute;
    bottom: -16px;
    left: 60px;
}

.elem-filter .pourcent-visu ul li p {
    background: #b2b2b2;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px;
    width: 100%;
    z-index: 3;
}

.info-slider {
    margin-bottom: 8px;
}

.info-slider label {
    font-family: georgia, serif;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    padding: 0 0 7px 0;
    line-height: 30px;
    margin-bottom: 5px;
}

.amount_range {
    color: #333;
    font-size: 12px;
    padding-top: 3px;
    border: none;
    background: none;
    width: 210px;

}

.inp-new-value {
    color: #959595;
    font-size: 12px;
    font-weight: bold;
    min-width: 200px !important;
    text-align:center;
}

select.new-min-val,
select.new-max-val {
    width: 82px;
}

.inp-new-value .btn-ok-slide2 {
    position: absolute;
    top: -39px;
    right: -2px;
    left: auto;
    width: 22px;
    height: 21px;
    border-radius: 3px;
    border: 0 none;
}

.inp-new-value .btn-ok-slide2 {
    display: none;
}

.inp-new-value .btn-ok-slide,
.inp-new-value .btn-ok-slide-all  {
    display: none;
}

.inp-new-value .btn-ok-slide,
.inp-new-value .btn-ok-slide-all  {
    position: absolute;
    width: 22px;
    height: 21px;
    border-radius: 3px;
    border: 0 none;
    right: 0;
    top: -39px;
}

.inp-new-value .inp-text-slide {
    width: 82px;
    height: 18px;
    text-indent: 5px;
    line-height: 18px;
    font-size: 11px;
    border: 1px solid #d4d4d4;
    color: #959595;
    font-weight: bold;
    font-family: "trebuchet MS", sans-serif;
}


.first-span {
    padding: 0 5px 0 0;
}

.second-span {
    padding: 0 5px;
}

.result-slider {
    margin-top: 15px;
    font-size: 15px;
    font-weight: bold;
}

/*----fond du slider--*/
.ui-widget-header {
    background: #4d4d4d
}

/*---fond du slider---*/
.ui-widget-content {
    background: #a0a0a0;
}

/*---fond du contenu slider--*/
.ui-widget-header {
    border: 1px solid #e78f08;
}

/*----bouton du slider----*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #000;
    background: #000;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*---fond du bouton---*/

.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    /*border: 1px solid #828282; */
}

/*--hover du bouton --*/

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
}

/*---bouton active---*/

.ui-state-hover,
.ui-widget-content .ui-state-hover {
    background: #ffd200;
    border: 1px solid #393838;
}

/*---style position des elements----*/
.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: .8em;
    height: 1.3em;
    cursor: pointer;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider-horizontal {
    height: 7px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.5em;
    margin-left: -0.4em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

/*------------------------------------------FIN BLOC FILTER------------------------------*/

/* -----------------------------RESULTAT------------------------------------------------ */
.bloc-resultat {
    margin: 0 auto;
    float: right;
    width: 757px;
    padding: 0;
}
.bloc-resultat.full-size{
    width: 100%;
}
.bloc-resultat.full-size .left-geoloc,
.bloc-resultat.full-size .right-geoloc{
    width: 50%;
}
.bloc-resultat h3 span {
    font-size: 22px;
    font-weight: bold;
}

.resultat li.li-result.masked-announce {
    margin: 3px 0;
}

.resultat li.li-result {
    padding: 0;
    margin: 10px 0;
    background: #fff;
    position: relative;
    z-index: 3;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.li-result section .block-title-list {
    float: left;
    /* padding: 17px 0 13px 17px; */
    overflow: hidden;
}

.li-result section h2 {
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: bold;
}
.sample-holder .left-blc h2 {
    display: flex;
    justify-content: flex-start;
    align-content: center;
}
.sample-holder .left-blc {
    float: left;
}
.sample-holder .price-block.sponsor-price {
    margin-top: 0;
}
.sample-holder .prix {
    font-weight: bold;
}
.sample-holder .right-blc .prix.mycoteprice {
    color: #333;
    font-weight: bold;
}
.unmask-announce {
    font-size: 25px;
    font-weight: bold;
    color: #ffd200;
}
.unmask-announce:hover {
    color: #333;
}
.sample-holder .price-block {
    position: relative;
    float: left;
    top: 0;
    left: unset;
}
.sample-holder .right-blc {
    float: right;
    display: flex;
    flex-direction: row;
    padding-top: 5px;
}
.li-result section.sample-holder h2 span.title-block.brand {
    display: flex;
    align-items: center;
    padding-right: 20px;
    font-size: 16px;
    padding-bottom: 0;
    line-height: 24px;
}
.sample-holder .cote.full-price, .sample-holder .cote, .sample-holder .old-prix {
    display: none;
}
.li-result section h2 .model {
    font-size: 18px;
}
.li-result section h2 .upper {
    font-size: 18px;
}
.li-result section h2 span.title-block.brand {
    padding-bottom: 3px;
}
.li-result section h2 span.title-block {
    display: block;
}
.li-result section h2 span.sub-title {
    font-size: 17px;
    line-height: 24px;
    margin-right: 10px;
}
.li-result section.sample-holder h2 span.sub-title {
    font-weight: normal;
    margin-right: 10px;
    font-size: 14px;
    line-height: 24px;
}
.li-result section h2 span.nowrap {
    white-space: nowrap;
    padding-right: 5px;
}
.li-result section h2 a:hover {
    color: #ffd200;
}

.top-list-result {
    background: #f5f5f5;
    height: 32px;
    padding: 0 0 0 18px;
    position: relative
}

.sponsor {
/*
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 17px 17px 0 0;
 */
    float: right;
    font-weight: bold;
    padding: 4px 20px;
    font-size: 11px;
    background: #ffd200;
    text-transform: uppercase;
}

.padd-bloc {
    border: 1px  solid #d6d6d6;
    border-bottom: none;
    border-left: none;
    padding: 0;
}


.corp-link, .corp-link:hover{
    cursor: default;
    color: #1e1e1e;
}
.voir-cote{
    position: relative;
}
.btn-publication {
    background-repeat: no-repeat;
    background-position: 0 2px;
    background-size: 13px 13px;

    padding: 0 18px 0 17px;
    line-height: 17px;
    /* height: 23px; */
    margin: 0 0 0 0;
    float: left;
    font-weight: bold;
    position: relative;
}
.show-before::before {
    content: '';
    background: url('../images/sprite-listing.png') 0px -651.7px no-repeat;
    position: absolute;
    height: 16px;
    width: 16px;
    left: -1px;
    transform: scale(0.87);
    top: 1px;
}

.btn-publication, .resultat .location{
    font-size: 12px;
}
.loc-date .clock-icon{
    background: url('../images/sprite-listing.png') 0px -651.7px no-repeat;
    height: 16px;
    width: 16px;
    transform: scale(0.87);
    display: block;
    position: absolute;
    z-index: 3;
    left: -1px;
    top: 1px;
}


.btn-maj {
    background: url(/images/sprite-mini-bt.png) 16px -124px no-repeat;
    padding: 0 21px 0 37px;
    line-height: 32px;
    height: 32px;
    margin: 0;
    float: right;
    font-weight: bold;
    position: relative;
    z-index: 2;
}

.btn-maj:before {
    content: ".";
    display: block;
    background: url(/images/bt-maj.png) no-repeat;
    width: 12px;
    height: 32px;
    position: absolute;
    top: 0;
    left: -12px;
    text-indent: -5000px;
}

.resultat li.result-sponsor {
    background: #fffdde;
}
.lead-links, .list-favorite .lead-links{
    position: absolute;
    top: 93px
}
.btn-lead, .list-favorite .btn-lead {
    float: left;
    padding: 0 0 13px 17px;
}

.btn-lead a{
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 10px;
    transition: padding-left 150ms ease-in-out 0s;
}
.btn-lead a:hover{
    padding-left: 13px;
    transition: padding-left 150ms ease-in-out 0s;
}

.btn-lead.btn-imp a {
    color: #ffffff !important;
}

.detail-descri .btn-lead.btn-imp {
    margin-bottom:5px;
}

.btn-lead.btn-imp {
    margin: -2px 0 13px 17px;
    background:#FE0000;
    border-radius: 8px;
    padding: 2px 8px 2px 2px;
}

.btn-lead.btn-imp a{
    background: url(/images/sprite-listing.png) 1.5px -208px no-repeat;
}

.btn-lead.btn-sell a,
.btn-lead.btn-import a{
    background: url(/images/sprite-listing.png) 0 -191px no-repeat;
    color: #fc5300;
}
.btn-lead.btn-insure a,
.btn-lead.btn-credit a{
    background: url(/images/sprite-listing.png) 0 -174px no-repeat;
    color: #1bbc9c;
}
div.email-date {
    font-size: 12px;
    font-weight: bold;
}
div.email-date span.extended-content {
    display: none;
    background-color: #F2F2F2;
    padding: 2px;
    border-radius: 2px;
}
div.email-date > span:hover span.extended-content {
    display: inline;
}
.resultat .figure .image-count{
    position: absolute;
    display: flex;
    z-index: 5;
    height: 18px;
    width: 15%;
    padding: 0.5rem;
    background: rgba(0, 0, 0, .4);
    border-radius: 5px;
    justify-content: space-around;
    align-items: center;
    margin: 5px 0 0 5px;
}
.resultat  .figure .image-count img{
    height: auto;
    width: 40%;
    max-width: 24px;
}
.resultat .figure .image-count span{
    display: inline-block;
    color: white;
    font-weight: bold;
}
.resultat .figure .sponsor-count {
    bottom: 0;
    right: 0;
    margin: 0 5px 5px 0;
}
.resultat .figure{
    float: left;
    height: 224px;
    width: 300px;
    position: relative
}

.resultat .figure a {
    display: block;
    height: 224px;
    position: relative;
}

.resultat .figure img {
    /*
    width: 300px;
    height: auto;
     */
    width: 100%;
    height: 252px;
}

.resultat .figure a .opacite {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #000000;
    display: none;
    opacity: 0.2;
}
.dark-layer{
    width: 100%;
    height: 100%;
    background: url(../images/bg-link.png) repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}
.dark-layer span{
    font-size: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    line-height: 22px;
    height: 24px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -12px;
}
.vendu-annonce {
    width: 66px;
    height: 51px;
    position: absolute;
    top: -5px;
    left: -6px;
    z-index: 10;
    text-indent: -5000px;
}
.site-bottom{
    background: #2d2d2d;
    color: #fff;
    line-height: 14px;
    font-size: 11px;
    position: relative;
    padding: 0 15px;
}

.site-bottom .lead-links  {
    top:0;
    width:300px;
    text-align:center;
    float:none;
    background:#FE0000;
    padding:4px 0;
}
.site-bottom .lead-links .btn-sell-bottom {
    float:none;
    text-align:center;
    padding:0;
}
.site-bottom .lead-links .btn-sell-bottom a {
    color:#fff;
    padding:0;
    font-weight:bold;
}
.site-bottom .lead-links .btn-sell-bottom a:hover {
    color:#ffd200;
}

.hover-fav,.hover-alert,.hover-signal,.hover-delete-image,.hover-delete-ad, .hover-masquer{
    display: none;
}
.hover-alert, .hover-signal, .hover-delete-image, .hover-delete-ad, .hover-masquer{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(42,42,42,0.5);
}
.hover-alert span, .hover-signal span, .hover-delete-image span, .hover-delete-ad span, .hover-masquer span{
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    line-height: 22px;
    height: 24px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -12px;
}
.hover-fav{
    background: rgba(42,42,42,0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    text-align: center;
    border: 2px solid #e9c621;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.item-new-favoris .hover-fav {
    border: 2px solid #1bbc9c;
}
.hover-fav .content-hover-fav em {
    background: url(/images/sprite-listing.png) 0 -677px no-repeat;
    width: 18px;
    height: 17px;
    position: absolute;
    top: -23px;
    left: 50%;
    margin-left: -9px;
}
.hover-fav .content-hover-fav {
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    height: 40px;
    width: 160px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -80px;
}
.seller{
    position: absolute;
    z-index: 2;
    background: #2d2d2d;
    color: #fff;
    text-transform: uppercase;
    top: 14px;
    left: 14px;
    line-height: normal;
    padding: 5px 10px 5px 10px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    font-size: 10px;
    letter-spacing: 0.2px;
}
.resultat .btn-fav{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
}
.resultat .btn-fav a {
    background: url('../images/sprite-listing.png') 0 -15px no-repeat;
    width: 68px;
    height: 68px;
    display: block;
    text-indent: -5000px;
}
.resultat .item-new-favoris .btn-fav a {
    background: url('../images/sprite-listing.png') 0 -98px no-repeat;
}
.item-new-favoris .mess-add-fav {
    display: none;
}
.resultat .btn-fav.no-btn {
    display: none;
}
.link-ad{
    background: #fff;
    position: absolute;
    top: -1px;
    right: 0;
    z-index: 2;
    border: 1px solid #e6e6e6;
    border-bottom: none;
}
.link-ad li{
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}
.figure .link-ad li a{
    height: 39px;
    width: 39px;
    z-index: 2;
}
.link-list .link-signal, .link-list .link-signal a{
    width: 38px;
    height: 39px;
    display: block;
    position: relative;
    z-index: 2;
}
.link-ad .link-alert a{
    background: url('../images/sprite-listing.png') 0 -260px no-repeat;
}
.link-ad .link-signal a, .link-list .link-signal a{
    background: url('../images/sprite-listing.png') 0 -554px no-repeat;
}
.link-ad .link-del-ad a{
    background:url(../images/bin-green.png) center no-repeat;
}
.link-ad .link-del-image a{
    background: url('../images/sprite-listing.png') 0 -456px no-repeat;
}
.link-ad .link-alert a:hover{
    background: url('../images/sprite-listing.png') 0 -309px no-repeat;
}
.link-ad .link-signal a:hover, .link-list .link-signal a:hover{
    background: url('../images/sprite-listing.png') 0 -603px no-repeat;
}
.link-ad .link-del-ad a:hover{
    background: url(../images/bin-white.png) center no-repeat;
}
.masquer-signaler a:link, .masquer-signaler a:visited {
    background: url(../images/link-del-ad.png) no-repeat;
}

#list-results .masquer-signaler a:link, #list-results .masquer-signaler a:visited {
    background:#fff url(../images/link-del-ad.png) no-repeat;
    height: 39px;
    display: block;
}

#list-results .masquer-signaler a:hover, #list-results .masquer-signaler a:active {
    background: url(../images/link-del-ad-selected.png) no-repeat;
}

.masquer-signaler a:hover{
    background: url(../images/link-del-ad-selected.png) no-repeat;
}

.link-ad .link-del-image a:hover{
    background: url(../images/link-del-image-selected.png) no-repeat;
}
.link-ad .link-del-image a.inactive, .link-ad .link-del-image a.inactive:hover {
    background: #c8c8c8 url(../images/link-del-image-selected.png) no-repeat;
    cursor: not-allowed;
}
.link-ad li span{
    position: absolute;
    top: 0;
    left: -1px;
    width: 40px;
    background: #1bbc9c;
    height: 0;
    transition: height 150ms ease-in-out 0s;
}
.link-list{
    background: #fff;
    z-index: 2;
    width: 38px;
}
.link-list .masquer-signaler{
    position: relative;
}
.link-list .masquer-signaler span{
    position: absolute;
    width: 38px;
    background: #1bbc9c;
    height: 0;
    right: 0;
    margin-top: -40px;
    transition: height 150ms ease-in-out 0s;
}
.link-ad li:hover span, .link-list .masquer-signaler:hover span{
    height: 40px;
    transition: height 150ms ease-in-out 0s;
}

.premium-bloc .info-comp .mobile.prix,
.premium-bloc .info-comp .mobile.prixvo,
.premium-bloc .info-comp .mobile.prixremise{
    display: none;
}

.link-list .masquer-signaler, .link-list .masquer-signaler a {
    width: 38px;
    height: 39px;
    display: block;
    position: relative;
    z-index: 2;
}

.popin-signal {
    width: 712px;
    background: #fff;
    position: absolute;
    z-index: 10000;
    display: none;
}

.popin-signal form,
.message-valid {
    padding: 28px 28px 39px 28px;
}

#overlay-signal {
    background: #000;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
  /*  z-index: 2002;*/
    z-index: 9999;
    cursor: pointer;
}

#overlay-masker {
    background: #000;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 9360;
    cursor: pointer;
}

.popin-signal h5 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 0 24px 25px;
    border-bottom: 1px solid #dedede;
    background: url(../images/picto-popin-signal-annonce.png) no-repeat left 2px;
}

.popin-signal h6 {
    font-size: 18px;
    font-weight: bold;
    color: #ffc600;
    margin-bottom: 17px;
    clear: both;
    margin-top: 14px;
}

.popin-signal .left {
    float: left;
    width: 263px;
    padding-right: 35px;
}

.popin-signal .right {
    float: left;
    width: 216px;
}

.popin-signal .inp-text {
    margin-bottom: 14px;
}

.popin-signal .inp-text input {
    float: right;
    border: 1px solid #d2d2d2;
    width: 179px;
    height: 26px;
    line-height: 26px;
    padding-left: 6px;
}

.popin-signal .right input {
    float: right;
    width: 160px;
}

.popin-signal .inp-text label {
    float: left;
    line-height: 28px;
}

.popin-signal .entreprise {
    width: 513px;
    float: none;
}

.popin-signal .entreprise input {
    float: right;
    width: 434px;
}

.popin-signal .inp-radio {
    float: left;
}

.popin-signal .inp-radio label {
    float: left;
    padding: 0 42px 0 7px;
}

.popin-signal .inp-radio input {
    float: left;
    vertical-align: middle;
}

.popin-signal .inp-area textarea {
    width: 504px;
    height: 118px;
    border: 1px solid #d2d2d2;
    padding: 4px 0 0 6px;
}

.popin-signal .submit {
    margin-top: 30px;
    position: relative;
}

.popin-signal #loader {
    background: url(/images/loader.gif) no-repeat right 0;
    font-size: 11px;
    height: 16px;
    margin-top: 7px;
    padding-right: 26px;
    position: absolute;
    left: 0;
    text-align: right;
    top: 0;
    width: 200px;
    display: none;
}

.change-position #loader {
    display: none;
}

.popin-signal .submit input,
.fermer-signal {
    background: #ffd200 url(/images/puce-fleche-detail.png) no-repeat scroll 90% 14px;
    padding: 10px 26px 10px 10px;
    border: none;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

.fermer-signal {
    display: inline-block;
    margin-top: 30px;
    background: url(/images/puce-fleche-detail.png) no-repeat 90% 15px #ffd200;
}

.popin-signal .submit input:hover {
    background: #000 url(/images/puce-fleche-detail.png) no-repeat scroll 90% -78px;
    color: #ffd200;
}

.close-signal {
    background: url(../images/close-signal.png) no-repeat;
    width: 16px;
    height: 16px;
    text-indent: -5000px;
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer;
}

.left-rad {
    width: 100px;
    float: left;
    margin-bottom: 10px;
}

.right-rad {
    width: 400px;
    /* float: left; */
    margin-bottom: 18px;
}

.popin-signal .message-valid {
    display: none;
}

.popin-signal .message-valid h6 {
    padding-top: 19px;
    margin-bottom: 25px;
}

.parag-message-valid {
    width: 80%;
}

/*---------------*/

.resultat li.result-sponsor section {
    background: #fffdde;
    /*border:4px solid #fffdde;*/
    padding: 15px 0 7px 15px;
}

.resultat li.result-article section {
    padding: 15px 0 15px 15px;
}

.resultat li.premium-bloc section {
    padding: 0;
}

/*----banner premium +++*/

.resultat li.new-banner-plus section {
    border: 4px solid #767676;
}

.resultat li.new-banner-plus .right-link {
    text-align: right;
    display: block;
}

.resultat li.new-banner-plus .new-car {
    background: url(/images/dispo-banner-plus.png) no-repeat;
    height: 84px;
    left: 0;
    position: absolute;
    bottom: 0;
    width: 143px;
}

.resultat li.new-banner-plus .bg-mysite {
    font-size: 13px;

    text-transform: uppercase;
}

.new-banner-plus .reduc-banner-plus {
    color: #F0A82E;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 13px;
    padding-top: 5px;
    text-align: right;
}

.new-banner-plus .info-comp .btn-plus a {
    color: #1b1b1b;
}

.posit-google {
    position: relative;
}

.googlead {
    width: 728px;
    margin: 0 0 0 16px;
    position: absolute;
    display: none;
    z-index: 2;
}

.criteoad {
    margin: 0 auto 20px auto ;
}

.down-criteo {
    margin-bottom: 0;
}

.info-comp-filter.change-position {
    border-bottom: 0;
}

.resultat li.result-banner {
    height: 90px;
    padding: 0;
    margin-bottom: 20px;
    border: none;
    background: none;
}

.resultat li.result-banner section .figure-pub img {
    display: block;
    float: right;
}

.new-annonce {
    background: url(/images/bg-new-annonce.png) no-repeat;
    width: 75px;
    height: 58px;
    font-size: 1px;
    text-indent: -5000px;
    position: absolute;
    top: -6px;
    left: -11px;
    z-index: 3;
}

.fiche-produit {
    display: none;
}

.resultat li.result-sponsor .figure span {
    display: block;
    text-transform: uppercase;
    color: #adac99;
    font-size: 10px;
    margin-top: 5px;
    font-family: 'Roboto', sans-serif;
}

.resultat .content-annonce {
    float: left;
    width: 562px;
}

.resultat .titre-annonce {
    margin-bottom: 10px;
}

.price-block {
    flex-shrink: 0;
/*
    padding-top: 17px;
    padding-right: 17px;
 */
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/*
.price-block.sponsor-price {
    margin-top: 33px;
}
 */
.resultat .desc{
    /*
    position: absolute;
    top: 105px;
    margin-left: 17px;
     */
    line-height: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    /*
    height: 32px;
    overflow: hidden;
    width: calc(80% - 300px); */
}
.left-result-bloc {
    max-width: 300px;
    float: left;
}
.resultat .block-info{
    background: #f2f2f2;
    position: absolute;
    width: 60.1%;
    right: 1px;
    bottom: 21px;
}
.premium-bloc .block-info,.premium-bloc .info{
    background: transparent !important;
}

.resultat .info{
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    white-space: nowrap;
    background: #f2f2f2;
}

.resultat .info li {
    height: 28px;
    line-height: 20px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding: 3px 0 3px 0;
}
.resultat .info li > div:not(.premium-detail){
    padding: 0 9px;
    border-left: 1px solid #ffd200;
    margin-top: 5px;
}
.premium-bloc .info li > div:not(.premium-detail){
    border-left: 1px solid #F64202;
}
.resultat .info li:first-child div{
    border-left: none !important;
}
span.upper, div.upper {
    text-transform: uppercase;
}

.li-result .info .flag {
    vertical-align: middle;
    padding-right: 3px;
    margin-top: -2px;
}

.li-result .info-comp:not(.premium-no-sponsor), .right-result-bloc {
    width: 60.4%;
    float: right;
}

.li-result li.result-sponsor .logo-sponsort {
    position: absolute;
    right: 0;
    top: 0;
    width: 138px;
    height: 55px;
    background: #fff;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 10px 0 0 0;
}

.li-result .info-comp .prix, .padd-bloc .prix {
    font-size: 26px;
    color: #2c2c2c;
    line-height: 26px;
    text-align: right;
    font-weight: bold;
}

.li-result .info-comp .mycoteprice {
    padding-top: 0;
}

.li-result .info-comp .mycoteprice.green {
    color: #0dc27c;
}

.li-result .info-comp .mycoteprice.orange {
    color: #e6895b;
}

.li-result .padd-bloc .old-prix {
    text-align: right;
    color: #6f6e6e;
    font-weight: bold;
}

.li-result .info-comp .cote {
    margin-top: 7px;
    text-align: right;
    color: #ffd200;
}
.price-block:not(.sponsor-price) .cote{
    margin-top: 35px;
}
.price-block:not(.sponsor-price) .cote.full-price{
    margin-top: 14px;
}
.cote .cote-val{
    font-size: 22px;
    font-weight: bold;
    color: #ffd300;
}
.cote .cote-conf{
    color: #ffd300; 
}
.li-result .info-comp .cote .cote-val {
    font-size: 22px;
    font-weight: bold;
}

.li-result .info-comp .cote .cote-conf {
    position: relative;
    bottom: 1px;
    line-height: 12px;
    vertical-align: super;
    text-decoration: none;
    font-size: 11px;
}

.li-result .info-comp .old-prix span {
    text-decoration: none;
    font-size: 14px;
    position: relative;
    width: 100%;
    height: 10px;
    background: url(/images/sprite-listing.png) 0 2px no-repeat;
}

.li-result .info-comp del span {
    display: block;
    width: 100%;
    height: 10px;
    position: absolute;
    top: 4px;
    right: 0;
    background: url(/images/prix-barre.png) 0 -2px no-repeat;
}

.li-result .padd-bloc em {
    font-style: normal;
    font-size: 11px;
    text-transform: uppercase;
}

.li-result .info-comp .short_price {
    font-size: 21px;
}

.li-result .info-comp .wich-site {
    color: #000000;
    line-height: 13px;
    padding: 0 0 0 20px;
    font-size: 7px;
    margin: 10px 0 4px 0;
    float: right;
    font-weight: bold;
    visibility: hidden;
    clear: both;
}

.link-opm-result {
    float: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    position: relative;
    margin-top: 19px;
}

.link-opm-result a {
    perspective: 800px;
    color: #393939;
    display: block;
    padding-left: 54px;
    padding-right: 33px;
    position: relative;
    background: url(../images/exclam-p.png) no-repeat right center;
    font-size: 14px;

}

.link-opm-result .card {
    position: absolute;
    top: -3px;
    left: 0;
    width: 30px;
    height: 30px;
    transform-style: preserve-3d;
    transition: transform 1s;
}

.link-opm-result .card div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.link-opm-result .card .front {
    background: url(../images/front-opm.png) no-repeat;
    background-size: 30px 30px;
}

.link-opm-result .card .back {
    background: url(../images/back-opm.png) no-repeat;
    background-size: 30px 30px;
    transform: rotateY(180deg);
}

.link-opm-result:hover .card {
    transform: rotateY(180deg);
}

.link-opm-result.inview .card {
    transform: rotateY(180deg);
}

.li-result section .link-mysite {
    text-align: right;
    clear: both;
    height: 21px;
}

.li-result section .link-mysite a {
    color: #fff;
    padding: 3px 5px 0 5px;
    font-size: 12px;
    display: inline-block;
    margin: 0 0 4px 3px;
}

.li-result .info-comp .btn-plus, .padd-bloc .btn-plus{
    height: 28px;
    line-height: 28px;
    background: #ffd200;
    color: #1b1b1b;
    padding: 3px 14px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 7px -15px 0 0;
    position: absolute;
    bottom: 71px;
    right: 34px;
}

.right-bloc-detail .btn-plus:hover{
    background: #ffda2b;
}

.padd-bloc .btn-plus:not(.no_lead){
    position: absolute;
    bottom: 93px;
    right: 34px;
}
.premium-bloc .brand{
    color: #F64202;
}
.premium-bloc{
    border: 5px solid #FFBF00;
    box-sizing: border-box;
}
.premium-bloc .padd-bloc {
    background: linear-gradient(to top right, #f3cf4f, #EADB85);
    /* border: 1px solid #d6d6d6; */
}
.premium-bloc .padd-bloc-vp {
    background-image: url(../images/background_pplus.jpg);
    border: 1px solid #d6d6d6;
}
.premium-bloc .premium-lead{
    padding-right: 14px;
}
.premium-bloc section .block-title-list{
    padding: 68px 0 0 0;
    margin-left: 13px;
}
.premium-bloc section .block-title-list-vp{
    padding: 55px 0 0 0;
    margin-left: 13px;
}
.premium-bloc section .block-title-list span{
    padding-top: 3px;
    border-bottom: 4px solid #ffd200;
    max-width: 52px;
    height: 4px;
    display: block;
}
.premium-bloc section .block-title-list-vp span{
    padding-top: 3px;
    border-bottom: 4px solid #ffd200;
    max-width: 52px;
    height: 4px;
    display: block;
}
.block-title-list-vp > a > h2 {
    margin-left: 304px !important;
}
.li-result .info-comp .premium-lead .prix{
    margin-top: 100px;
     color: black;
    float: right;
}
.li-result .info-comp .premium-lead .prixvo {
    font-size: 26px;
    line-height: 26px;
    text-align: right;
    font-weight: bold;
    margin-top: 60px;
    color: black;
    float: right;

}

.li-result .info-comp  .prixremise{
    margin-top: 20px;
    margin-right: 10px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -khtml-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    color: rgb(3, 2, 1);
    display:block;
    vertical-align:middle;
    background: #ffd200;
    border-radius: 24px/12px;
    font-size: 26px;
    font-weight: bold;
    width: 60px;
    height: 40px;
    line-height:1.5em;
    text-align: center;
    float: right;
}

.premium-lead .visual{
    float: right;
    padding-top: 20px;
   /* margin-right: -80px;*/
    margin-right: 0;
    position: absolute;
    right: 14px;
    top: 0;
}
.premium-lead .visualsansprix{
/*
    float: right;
    padding-top: 20px;
    margin-right: 20px;
 */
    height:0;
}
.premium-lead .visualsansprix img{
    width: 224px;
}

.premium-lead img{
    /*width: 164px;*/
    width: auto;
    max-height: 70px;
}

.li-result.premium-bloc .info-comp .premium-detail{
    background: #FF3E00;
    border-radius: 33px;
    height: 28px;
    line-height: 28px;
    padding: 3px 10px 3px 3px;
    font-size: 16px;
    text-transform: uppercase;
}
.li-result.premium-bloc .info-comp .premium-detail a{
    display: flex;
    gap: 0.3rem;
    align-items: center;
}
.li-result.premium-bloc .info-comp .premium-detail .text{
    background: white;
    border-radius: 33px;
    padding: 0 14px;
}
.premium-bloc .bc-info{
    width: calc(100% + 3px);
}
#favorites, #auctions {
    background: #fff;
    color: #272727;
    margin: 0 auto;
    /*padding-top: 53px;*/
    padding-bottom: 53px;
}

.bloc-list-favorite, .bloc-list-auctions, #my-alerting {
    /*float:left;*/
    margin: 0 auto;
    padding: 20px 0 0;
    width: 757px;
}

.titre-favorites, .titre-auctions {
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 38px;
    float: left;
}

.right-favorites {
    float: right;
    margin-top: 5px;
    text-align: right;
    font-weight: bold;
}

.link-favorites {
    float: right;
    line-height: 40px;
}

.favorites-right {
    width: 232px;
    float: right;
    padding-top: 13px;
    position: relative;
    margin-top: 15px;
}

.introcompte-fav {
    background: url(/images/introcompte-fav.png) 0 10px no-repeat;
    width: 199px;
    height: 64px;
    text-align: center;
    margin: 0 0 8px -10px;
    color: #979797;
    font-weight: bold;
    padding: 0 0 10px 0;
}

.creer-compte-fav {
    background: url(/images/bg-creer-compte-fav.gif) no-repeat;
    width: 208px;
    height: 282px;
    text-align: center;
    padding: 32px 0 0 7px;
    font-family: 'Roboto', sans-serif;
}

.creer-compte-fav h5 {
    font-weight: bold;
    font-size: 19px;
    line-height: 19px;
    margin-bottom: 10px;
}

.creer-compte-fav p {
    font-size: 12px;
    line-height: 16px;
}

.creer-compte-fav p.btn-compte-fav {
    width: 138px;
    height: 27px;
    margin: 18px auto 0 auto;
}

.creer-compte-fav p.btn-compte-fav a {
    display: block;
    width: 138px;
    height: 27px;
    background: #000;
    color: #fff;
    line-height: 27px;
    text-transform: uppercase;
}

/*------PAGE ALERTING---------*/
#my-alerting {
    color: #272727;
    margin: 0 auto;
    padding-top: 24px;
    background: #fff;
}

.titre-al {
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 12px;
}

#my-alerting .intro {
    font-size: 16px;
    line-height: 19px;
    padding: 0 40px;
    margin-bottom: 52px;
}

.pres-alert {
    padding: 0 40px;
}

.pres-alert .left-pres {
    float: left;
}

.pres-alert .right-pres {
    width: 447px;
    float: left;
    margin-left: 81px;
    padding-top: 89px;
}

.pres-alert .y-alerting {
    background: #ffda2f;
    padding: 40px 15px 30px 32px;
    position: relative;
}

#mobile-bot {
    display: none;
}

.pres-alert .y-alerting h5 {
    background: #1e1e1e;
    padding: 0 17px;
    line-height: 44px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    position: absolute;
    display: inline-block;
    top: -23px;
    left: 18px;
}

.mobile-alert {
    text-align: center;
}

.mobile-content {
    width: 100%;
    padding: 20px 0;
    font-weight: bold;
    display: block;
}

.mobile-content:hover{
    color: #000000;
}

.mobile-content.active {
    background-color: #FFD200;
    cursor: pointer;
}

.mobile-content.inactive {
    background-color: #FFEB91;
}

.mobile-alert div p {
    background: #F7F7F7 url(../images/sup-table.png) no-repeat 15px center;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
    width: 91px;
    padding-left: 36px;
    height: 35px;
    line-height: 35px;
    text-align: left;
    margin: 10px auto;
}

.alerting-offre {
    margin-top: 60px;
}

.alerting-offre h4 {
    font-size: 24px;
    font-weight: bold;
    color: #1e1e1e;
    margin-bottom: 30px;
    padding-left: 40px;
    text-transform: uppercase;
}

.padd-alerting-offre {
    background: #f7f7f7;
    padding: 66px 40px;
}

.alerting-offre .my-table-alert {
    width: 90%;
    height: 523px;
}

.table-listing {
}

.table-listing table {
    font-size: 14px;
}

.table-listing table th,
.table-listing table td {
    text-align: left;
}

.mobile-title {
    font-weight: bold;
    padding: 20px 0;
}

.mobile-title,
.table-listing table th {
    color: #aaaaaa;
    padding-bottom: 17px;
}

.table-listing table .color td {
    background: #f7f7f7;
}

.table-listing table td {
    color: #2b2b2b;
    padding-top: 15px;
    padding-bottom: 15px;
}

.table-listing .criterias-col {
    padding-left: 40px;
    padding-right: 5px;
    text-align: left;
    font-size: 13px;
    line-height: 18px;
}

.table-listing .standard-col {
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}

.table-listing .standard-col a {
    background: #ffd200;
    text-align: center;
    cursor: pointer;
    height: 35px;
    width: 60px;
    line-height: 35px;
    margin: 0 auto;
    display: block;
}

.table-listing .standard-col a:hover {
    color: #000000;
}

.table-listing .standard-col div {
    background: #ffd200;
    text-align: center;
    cursor: pointer;
    height: 35px;
    width: 60px;
    line-height: 35px;
    margin: 0 auto;
}

.table-listing .standard-col div.inactive {
    cursor: not-allowed;
}

.table-listing .action-col {
    padding-left: 3px;
    padding-right: 35px;
    text-align: center;
}

.table-listing .action-col p {
    background: #ffe25a url(../images/sup-table.png) no-repeat 15px center;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
    width: 7px;
    padding-left: 36px;
    height: 35px;
    line-height: 35px;
    float: right;
    text-align: left;
}

.my-table-alert table th {
    border-bottom: 4px solid #f7f7f7;
    height: 160px;
    color: #1e1e1e;
    font-size: 18px;
    font-weight: normal;
    vertical-align: top;
}

.top-th {
    text-transform: uppercase;
    padding: 49px 0 10px 0;
    display: inline-block;
    line-height: 21px;
}

.bottom-th {
    display: block;
    line-height: 13px;
}

.bottom-th strong {
    display: block;
    margin-bottom: 2px;
}

.bottom-th .min {
    font-size: 13px;
}

.my-table-alert .col-1-t {
    width: 31%;
}

.my-table-alert .col-2-t {
    width: 23%;
    background: #ececec;
    position: relative;
}

.my-table-alert .col-2-t:before{
    position: absolute;
    width: 100%;
    content: '';
    height: 25px;
    background: url(../images/sprite-alert.png) 0 -275px no-repeat;
    top: 24px;
    left: 0px;
    background-position-x: calc(50% + 24px);
}

.my-table-alert .col-3-t {
    width: 23%;
    background: #ffda2f;
    position: relative;
}

.my-table-alert .col-3-t:before{
    position: absolute;
    width: 100%;
    content: '';
    height: 25px;
    background: url(../images/sprite-alert.png) 0 -303px no-repeat;
    top: 24px;
    left: 0px;
    background-position-x: calc(50% + 14px);

}

.my-table-alert .col-4-t {
    width: 23%;
    background: #1e1e1e;
    color: #ffc22f;
    position: relative;
}

.my-table-alert .col-4-t:before{
    position: absolute;
    width: 100%;
    content: '';
    height: 25px;
    background: url(../images/sprite-alert.png) 0 -331px no-repeat;
    top: 24px;
    left: 0px;
    background-position-x: calc(50% + 2px);

}



.my-table-alert table td {
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    padding: 4px 14px;
}

.my-table-alert .td-1 {
    text-align: left;
    font-weight: bold;
    padding: 11px 4px 11px 11px;
}

.my-table-alert .td-2, .price-mobile .td-2 {
    background: #ececec;
}

.my-table-alert .td-3, .price-mobile .td-3 {
    background: #ffda2f;
}

.my-table-alert .td-4, .price-mobile .td-4 {
    background: #1e1e1e;
    color: #fff;
}

.my-table-alert .impaire .td-1, .price-mobile .impaire .td-1 {
    background: #f9f1cd;
}

.my-table-alert .impaire .td-2, .price-mobile .impaire .td-2 {
    background: #e3e3e3;
}

.my-table-alert .impaire .td-3, .price-mobile .impaire .td-3 {
    background: #ffe25a;
}

.my-table-alert .impaire .td-4, .price-mobile .impaire .td-4 {
    background: #272727;
    color: #fff;
}

.my-table-alert .impaire .td-2.selected{
    background: #e3e3e3;
    position: relative;
}

.my-table-alert .impaire .td-2.selected::before, .my-table-alert .impaire .td-3.selected:before, .my-table-alert .td-3.selected:before {
    content: '';
    width: 100%;
    height: 19px;
    position: absolute;
    left: 0px;
    top: 13px;
    background: url(../images/sprite-alert.png) 0 -227px no-repeat;
    background-position-x: calc(50% + 27px);
}

.my-table-alert .impaire .td-3.selected {
    background: #ffe25a;
    position: relative;
}


.my-table-alert .td-3.selected {
    background: #ffda2f;
    position: relative;
}

.my-table-alert .impaire .td-4.selected {
    background: #272727;
}

.my-table-alert .td-4.selected::before {
    content: '';
    width: 100%;
    height: 19px;
    position: absolute;
    left: 0px;
    top: 13px;
    background: url(../images/sprite-alert.png) 0 -251px no-repeat;
    background-position-x: calc(50% + 27px);

}

.my-table-alert .td-4.selected {
    background: #1e1e1e;
    position: relative;
}

.my-table-alert table td.no-color {
    background: none !important;
    padding-top: 10px;
    vertical-align: top;
}

.my-table-alert table td.no-color a {
    text-decoration: underline;
    font-size: 13px;
}

.my-table-alert table td.no-color a.link-resil {
    font-weight: bold;
    text-decoration: none;
    padding-top: 10px;
    display: block;
}

.my-table-alert table td.no-color a.link-migre {
    display: block;
    height: 33px;
    width: 109px;
    background: #ffda2f;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    line-height: 33px;
    margin: 0 auto 4px auto;
}

.my-table-alert table td.no-color a.link-simple {
    padding-top: 9px;
    display: block;
}

.p-step .my-table-alert table th {
    border-color: #fff;
}

.p-step .my-table-alert .col-1-t {
    width: 37%;
}

.p-step .my-table-alert .col-2-t {
    width: 21%;
}

.p-step .my-table-alert .col-3-t {
    width: 21%;
}

.p-step .my-table-alert .col-4-t {
    width: 21%;
}

.table-validation .valid.spec-valid {
    line-height: 10px;
    height: 33px;
    padding-top: 3px
}

.table-validation .valid.spec-valid span {
    font-size: 12px;
    line-height: 13px;
    text-transform: none;
    display: inline-block;
}

.btn-migrer {
    background: #ffda2f;
    line-height: 10px;
    height: 33px;
    padding-top: 3px;
    display: block;
    border: none;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    cursor: pointer;
}

.my-table-alert table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
}
.my-table-alert table td {
    border: 0 none;
}

table.no-errors {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
}
table.no-errors td {
    border: 0 none;
}
table.no-errors th {
    text-align: center;
}

/*-------detail bottom list-------------*/
.resultat .detail-bottom {
    padding-bottom: 0;
    margin-top: 23px;
    width: 722px;
    display: none;
}

.resultat .detail-bottom h4 {
    font-size: 12px;
    text-transform: uppercase;
}

.resultat .map-detail {
    padding: 24px 0 0 0;
}

.resultat .annonce-detail {
    margin-top: 27px;
    padding: 24px 0 0 0;
}

.resultat .map-detail h4 {
    margin-bottom: 7px;
}

.resultat .text-map {
    position: relative;
    width: 235px;
    padding-top: 60px;
    float: right;
}

.resultat .mymap {
    width: 467px;
    height: 215px;
    float: left;
    padding-top: 5px;
}

.resultat .link-car {
    width: 154px;
    margin-top: 18px;
}

.resultat .annonce-detail h4 {
    display: none;
}

.face_links {
    /*display:none;*/
}

#face_links.face_links {
    display: block;
}
#content-info-header ul #switch-list{
    float: right;
    width: 70px;
    height: 35px;
}
#switch-list span{
    height: 23px;
    width: 29px;
    display: inline-block;
    display: -webkit-inline-box;
    margin-top: 7px;
    cursor: pointer;
}
#switch-list #pro-list{
    background: url(../images/list-pro.png) no-repeat;
    margin-right: 12px;
}
#switch-list #pro-list.selected{
    background: url(../images/list-pro-selected.png) no-repeat;
    cursor: not-allowed;
}
#switch-list #norm-list{
    background: url(../images/list-norm.png) no-repeat;
}
#switch-list #norm-list.selected{
    background: url(../images/list-norm-selected.png) no-repeat;
    cursor: not-allowed;
}
.info-pro {
    background: #ffd200;
    color: #000;
    padding: 10px 20px;
    margin-bottom: 20px;
    line-height: 19px;
    /*border-bottom:7px solid #000;*/
    font-size: 16px;
}

html h2.info-pro strong {
    font-size: 15px;
    display: block;
    margin-bottom: 3px;
    font-weight: normal;
}

html h2.info-pro span {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.resultat {
    display: none;
}

#resultats.resultat {
    display: block;
    z-index: 1;
    position: relative;
}
#resultats.resultat.hidden {
    display: none;
}
#list-results{
    border-spacing: 0;
    font-size: 10px;
    text-align: center;
    width: 100%;
}
#list-results thead, #list-results thead tr:hover{
    background-color: #141414;
    color: #fff;
}
#list-results thead tr{
    height: 50px;
}
#list-results thead th{
    padding: 10px;
    text-transform: uppercase;
}
#list-results thead .sort-list.both{
    background-image: url(../images/sort_both.png);
}
#list-results thead .sort-list.asc{
    background-image: url(../images/sort_asc.png);
}
#list-results thead .sort-list.desc{
    background-image: url(../images/sort_desc.png);
}
#list-results thead .sort-list{
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    padding-right: 20px;
}
#list-results tr{
    height: 80px;
}
#list-results .odd{
    background-color: #eeeef0;
}
#list-results tr:hover{
    background-color: #fff4d3;
}
#list-results .list-desc{
    text-transform: uppercase;
    padding: 3px;
    font-weight: bold;
    font-size: 11px;
}
#list-results .list-dist{
    min-width: 54px;
}
#list-results .list-price{
    min-width: 70px;
}
#list-results .mp{
    min-width: 90px;
}
#list-results .pro-list{
    text-transform: uppercase;
    width: 60%;
    margin: auto;
    padding: 0 3px;
    background-color: #ffd200;
    border: 1px solid #ffc000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    color: #2d2d2d;
}
#list-results .price{
    font-weight: bold;
    font-size: 13px;
}
#list-results .old-price{
    font-size: 9px;
}
#list-results .price.green {color: #0dc27c;}
#list-results .price.orange {color: #e6895b;}
#list-results .old-price {color: #6f6e6e;}
#list-results .market-price {
    color: #ffd200;
}
#list-results .mp-val {
    font-size: 13px;
    font-weight: bold;
}
#list-results .mp-conf {
    bottom: 1px;
    line-height: 9px;
    vertical-align: super;
    text-decoration: none;
    font-size: 8px;
    font-weight: bold;
}
#list-results .btn-fav a {
    background: url(../images/bt-fav-list.png) no-repeat;
    width: 38px;
    height: 40px;
    display: block;
    text-indent: -5000px;
}
#list-results .btn-fav a:hover{
    background: url(../images/bt-fav-list-hover.png) no-repeat;
}
#list-results .btn-fav.fav-sup-btn a{
    background: url(../images/bt-fav-list-selected.png) no-repeat;
}
#list-results .btn-fav.fav-sup-btn a:hover{
    background: url(../images/bt-fav-list-selected-hover.png) no-repeat;
}
#list-results .btn-fav.no-btn a {
    display: none;
}
.face_boxes {
    display: none;
}

#face_boxes.face_boxes {
    display: block;
}

.hits {
    display: none;
}

#hits_mobile .hits {
    display:inline;
}
.geolocation_slider {
    display: none;
}

#geolocation_slider.geolocation_slider {
    display: block;
}

.bandeau-bottom {
    padding: 6px 0 0 0;
    background: #f5f5f5;
}
.resultat .premium-bloc .block-info {
    bottom: 0;
    padding: 10px;
    width: 58% !important;
}
.bandeau-bottom .fav-selected {
    background: none;
    padding-left: 0;
}

.tooltip {
    text-decoration: none;
}

.tooltip:hover {
    position: relative;
}

.tooltip-top[data-tooltip]:hover:after {
    content: attr(data-tooltip);
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap;
    z-index: 20;
    background-color: #2a2a2a;
    color: #fff;
    opacity: 0.9;
    font-size: 10px;
    font-weight: normal;
}

.face-help {
    margin-left: 15px;
    color: #ffd200;
    background: #303030;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 8px;
    display: none;
}

.elem-filter h2:hover .face-help {
    display: inline;
}

#geolocation_txt.tooltip-top[data-tooltip]:hover:after {
    left: 27px;
    top: 13px;
}

#recup-locate.tooltip-top[data-tooltip]:hover:after {
    left: 58px;
    top: 2px;
}

.result-region .tooltip-top[data-tooltip]:hover:after {
    top: -23px;
    left: 17px;
}

.checked-item.tooltip-top[data-tooltip]:hover:after {
    left: 0;
    top: -25px;
}

.clear-filters.tooltip-top[data-tooltip]:hover:after {
    left: -28px;
    top: -26px;
}

.clear-filters {
    cursor: pointer;
    border: 1px solid #646464;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff url(../images/sprite-alert.png) 2px -161px no-repeat;
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 18px;
    right: 11px;
    z-index: 5;
}

.country.clear-filters {
    right: 15px;
    top: 15px;
}

.country.clear-filters.no_nearby {
    margin-top: -8px;
}

.valid-filters.tooltip-top[data-tooltip]:hover:after {
    left: -72px;
    top: -26px;
}

.right-geoloc .valid-filters.tooltip-top[data-tooltip]:hover:after {
    left: -11px;
    top: -26px;
}

.valid-filters {
    color: #ffffff;
    background: #040404;
    font-size: 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: none;
    line-height: 15px;
    padding: 3px;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    -ms-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
    z-index: 10;
    position: absolute;
    top: 14px;
    right: 8px;
    left: auto;
}
.cover-filter .valid-filters{
    margin-left: 73%;
}
.country.valid-filters {
    color: #ffd200;
    background: #303030;
    z-index:99;
    top: 15px;
    right: 15px;
}

.country.valid-filters.no_nearby {
    margin-top: -12px;
}

.select-load.no_nearby {
    height: 23px;
    margin: -11px -4px;
}

.face-help.tooltip-top[data-tooltip]:hover:after {
    left: -27px;
    top: -26px;
}
.right-hand-country-list,
.left-hand-country-list {
    position: relative;
    width: 100%;
}

.right-hand-country-list .valid-filters,
.left-hand-country-list .valid-filters {
    top: 4px;
}
.valid-filters.show {
    display: block;
    opacity: 1;
}

.input-pad {
    float: left;
    width: 13px;
    height: 13px;
}

.list-model1 {
    padding: 3px !important;
    display: block;
    float: left;
    width: 100%;
}

.list-model2 {
    display: block;
    float: left;
    width: 100%;
}

.grafic {
    position: relative;
    width: 100% !important;
    z-index: 10;
}

h2.select-load.select-off,
h2.select-load {
    width: 100%;
    z-index: 1;
    text-align: left;
}
h2.select-load.loader_position {
  z-index: 10;
}

.elem-filter * {
    box-sizing: border-box;
}

.clear-position {
    z-index: 1;
}

.elem-filter .btn-ok-slide,
.elem-filter .btn-ok-slide-all {
    color: #fff;
    background: #040404;
    font-size: 11px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: none;
    line-height: 15px;
    padding: 3px;
    opacity: 1;
    z-index: 10;
    position: absolute;
    left: auto;
    font-weight: 400;
}

/*-----onglet resultat-------*/
#bc-onglet-resultat {
    margin: 0 0 29px -40px;
    /*background:url(/images/border-onglet-result.gif) no-repeat bottom left;*/
    display: none;
}

ul#onglet-resultat {
    /*width:575px;
	float:left;*/
}

ul#onglet-resultat li {
    height: 30px;
    float: left;
    line-height: 30px;
    font-size: 12px;
    margin-right: 6px;
    font-weight: bold;
    overflow: hidden;
}

ul#onglet-resultat li.onglet-plus {
    font-weight: normal;
    font-family: 'trebuchet MS', sans-serif;
}

ul#onglet-resultat li.onglet-plus a {
    font-size: 25px;
    line-height: 30px;
}

ul#onglet-resultat li.onglet-plus a span {
}

ul#onglet-resultat li a {
    color: #848484;
    display: inline-block;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    padding: 0 13px;
}

ul#onglet-resultat li a:hover {
    color: #000;
}

ul#onglet-resultat li.selected a {
    color: #292929;
    border-left: 2px solid #eac30c;
    border-right: 1px solid #eac30c;
}

ul#onglet-resultat li img {
    padding-left: 7px;
}

/*------------------------------------------FIN RESULTAT------------------------------------------*/
.bloc-pagin {
    width: 100%;
    margin: 20px 0 20px 0;
    padding: 0;
    float: right;
    position: relative;
    z-index: 0;
}

.pagin-top {
    margin: 0 0 20px 0;
}

.pagin {
    float: right;
}

.pagin li {
    float: left;
    font-size: 12px;
    border-left: 1px solid #ccc;
    line-height: 33px;
}

.pagin li a {
    color: #303030;
    width: 34px;
    height: 33px;
    text-align: center;
    float: left;
}

.pagin li.btn-preced a,
.pagin li.btn-next a {
    text-indent: -5000px;
    width: 34px;
    height: 33px;
    margin: 0 auto;
    display: block;
}

.pagin li.btn-preced a {
    background: #000 url(/images/btn-preced-pagin.png) center center no-repeat;
    color: #fff;
}

.pagin li.btn-next a {
    background: #000 url(../images/sprite-listing2.png) -24px 10px no-repeat;
    color: #fff;
}

.pagin li.btn-preced a:hover {
    background: #ffd200 url(/images/btn-preced-pagin-bl.png) center center no-repeat;
    color: #000;
}

.pagin li.btn-next a:hover {
    background: #ffd200 url(../images/sprite-listing2.png) -43px 10px no-repeat;
    color: #000;
}

.pagin li a:hover,
.pagin li.pagin_selected a {
    color: #000;
    background: #ffd200;
    font-size: 18px;
    font-weight: bold;
}

/*----------------CUSTOM select---------------------*/
select.custom-select {
    height: 26px !important;
    line-height: 26px;
    position: relative;
    width: 178px !important;
    z-index: 2;
}

.select {
    position: absolute;
    bottom: 0;
    float: left;
    left: 0;
    width: 178px;
    height: 26px;
    line-height: 25px;
    text-indent: 10px;
    font-size: 12px;
    font-weight: bold;
    background: url(/images/bg-select.png) no-repeat;
    color: #2c2c2c;
    z-index: 1;
}

.form-filter {
    float: right;
    margin-right: 35px;
}

.desktop-label {
    display: inline;
}

.mobile-label {
    display: none;
}

.home-tri .cust-select {
    margin-right: 35px !important;
}

.form-tri .cust-select {
    float: left;
}

.form-filter .cust-select {
    float: right;
}

.form-tri .cust-select, .form-filter .cust-select {
    width: auto;
    position: relative;
}

.form-tri label, .form-filter label {
    float: left;
    padding-right: 6px;
    line-height: 33px;
    font-weight: bold;
    padding-left: 6px;
    font-size: 12px;
}

.form-tri .cust-select select, .form-filter .cust-select select {
    width: 200px;
    height: 30px;
    line-height: 30px;
    z-index: 100;
    opacity: 0;
    position: relative;
    -webkit-appearance: menulist-button;
}

.form-tri .cust-select .filter-select, .form-filter .cust-select .filter-select {
    display: block;
    overflow: hidden;
    height: 30px;
    position: absolute;
    top: 0;
    background-color: #FFFFFF;
    border: solid #2A2A2A 1px;
    width: 189px;
    line-height: 33px;
    padding-left: 10px;
    border-radius: 6px;
}

.form-tri .cust-select div.fl, .form-filter .cust-select div.fl {
    height: 30px;
    width: 33px;
    position: absolute;
    top: 1px;
    right: 0;
    background: #ffd200;
}

.form-tri .cust-select div.fl div, .form-filter .cust-select div.fl div {
    height: 30px;
    width: 33px;
    display: block;
    background: url(/images/sprite-mini-bt.png) -25px 12px no-repeat;
}

div.filter-selection, div.filter-alerting {
    display: none;
}
.triemenu li {
    float: left;
    margin-right: 10px;
}

.triemenu li a {
    border: 1px solid #ccc;
    padding: 2px 5px;
}

.triemenu li a:hover {
    color: #659CD8;
    background-color: #ccc;
}

.annonce-detail table {
    width: 100%;
    text-align: left;
}

.annonce-detail table th {
    background: #ffd200;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 28px;
    padding-left: 8px;
    border-bottom: 6px solid #fff;
}

.annonce-detail table td {
    background: #ededed;
    border-bottom: 6px solid #fff;
    font-size: 12px;
    line-height: 28px;
    padding: 10px 0 10px 8px;
}

.annonce-detail table td img {
    display: block;
}

.btn-site-annonce {

    width: 134px;
    height: 22px;
    text-indent: -5000px;
}

.btn-site-annonce a {
    display: block;
    height: 22px;
}

.bg-notif {
    width: 100%;
    padding-bottom: 12px;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 21;
}

.notification {
    text-align: center;
    padding: 25px 0;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    background: #ffd200;
    color: #000;
}


.width-items {
    background: blue;
    float: left;
}

.hidden {
    display: none;
}

#favorites {
    display: none;
}

#creer-compte .left-connection .inp-text input.error,
#identification .left-connection .inp-text input.error {
    border: 1px solid #FF0000;
}

form .error_message {
    color: #FF0000;
}

#rayon-localisation {
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    padding: 0;
    margin: 0 0 10px 0;
    clear: both;
    position: relative;
}

#rayon-localisation strong {
    color: #ffd200;
    font-size: 11px;
}

#rayon-localisation .near-loc {
    display: none;
}

.geolocation_slider {
    width: 100px;
    float: left;
    margin-top: 1px;
}

.slider-debut {
    width: 22px;
    height: 13px;
    background: url(/images/slider-debut.png) no-repeat;
    text-indent: -5000px;
    font-size: 1px;
    float: left;
}

.slider-fin {
    width: 22px;
    padding-right: 3px;
    height: 15px;
    background: url(/images/slider-fin.png) top right no-repeat;
    text-indent: -5000px;
    font-size: 1px;
    float: left;
}

#bottom-info {
    margin: 30px auto 0 auto;
    padding: 0 0 30px 0;
    color: #949494;
}

#bottom-info strong {
    font-weight: normal;
}

/*---fond du slider---*/
#slide-localistation .ui-widget-content {
    background: #fff;
}

/*----bouton du slider----*/
#slide-localistation .ui-state-default,
#slide-localistation .ui-widget-content .ui-state-default,
#slide-localistation .ui-widget-header .ui-state-default {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: url(/images/sprite-mini-bt.png) no-repeat;
}

/*---fond du bouton---*/

#slide-localistation .ui-widget-header .ui-state-hover,
#slide-localistation .ui-state-focus,
#slide-localistation .ui-widget-content .ui-state-focus,
#slide-localistation .ui-widget-header .ui-state-focus {
    border: none;
}

/*--hover du bouton --*/

/*---style position des elements----*/
#slide-localistation .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    height: 19px;
    width: 19px;
    cursor: pointer;
}

#slide-localistation .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
    background: #ffd200;
}

#slide-localistation .ui-slider-horizontal {
    height: 7px;
}

#slide-localistation .ui-slider-horizontal .ui-slider-handle {
    top: -6px;
    margin-left: -9px;
}

#geolocate_result ul {
    margin-top: 5px;
    width: 295px;
    position: relative;
    z-index: 12;
}

#geolocate_result ul li {
    padding: 0 8px;
    background: #fff;
}

#geolocate_result ul li a {
    display: block;
    padding: 5px 8px;
    color: #2e2e2e;
    border-bottom: 1px dotted #ddd;
}

#geolocate_result ul li a:hover,
#geolocate_result ul li.link-selected a {
    background: #fff8d9;
}

/*----inscription---*/
.insc-top {
    height: 44px;
    background: #2E2E2E;
    border: 1px solid #cecece;
    color: #FFFFFF;
    margin: 28px 0 17px 0;
}

.insc-top p {
    line-height: 44px;
    padding: 0 0 0 43px;
    font-size: 13px;
}

.insc-top p a {
    color: #ffd200;
    text-decoration: underline;
}
/*----------------------------BREADCRUMB-------------------------------*/
.fil-ariane{
    height:37px;
    line-height:37px;
    padding:0 0 0 0;
    margin-top:-21px;
}
.fil-ariane li{
    display:inline;
    padding-right:2px;
    padding-left:4px;
    position:relative;
    z-index:3;
}
.fil-ariane li img.home{
    width: 16px;
    position: relative;
    top: 3px;
}
.fil-ariane li:first-child{
    padding-left:0;
}
.fil-ariane li a{
    position: relative;
    padding-right:12px;
    color:#313131;
}
.fil-ariane li:first-child a::before{
    display: none;
}
.fil-ariane li a::before {
    background: url(../images/sprite-listing2.png) -104px 0 no-repeat;
    position: absolute;
    content: '';
    display: inline-block;
    width: 12px;
    left: -13px;
    top: 3px;
    height: 12px;
}
.fil-ariane li:last-child a{
    background:none;
}
.fil-ariane li a:hover{
    color:#ffd200;
}

/*------------------------NEWLOCALISATION------------------------------*/

#my-filter {
    color: #fff;
    height: 80px;
    margin: 0 0 19px 0;
    position: relative;
    z-index: 1;
    border-bottom: 7px solid #ffd200;
}

.left-geoloc {
    float: left;
    width: 380px;
    height: 80px;
    background: #141414 url(/images/separ-geoloc.png) right top no-repeat;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0;
}

.right-geoloc {
    float: left;
    width: 377px;
    height: 80px;
    background: #2a2a2a;
}

.col-my-filter {
    position: relative;
}

#my-filter .locate-direction {
    height: 60px;
    padding: 10px 0 0 0;
    font-size: 15px;
    text-transform: uppercase;
    width: 189px;
    float: left;
}

#my-filter .bloc-localisation {
    margin-top: 10px;
}

#my-filter .locate-direction .sub-text {
    padding: 0;
    margin-bottom: 6px;
    font-weight: bold;
}

#my-filter .locate-direction .my-localisation {
    text-decoration: none;
    font-weight: bold;
    line-height: 23px;
    float: left;
    width: calc(100% - 12px);
    text-align: center;
    padding: 0 0 0 6px;
}

#my-filter .locate-direction .my-localisation #geolocation_txt {
    line-height: 15px;
    color: #ffd200;
}

#my-filter .locate-direction .my-localisation #geolocation_txt span {
    background: url(/images/sprite-mini-bt.png) 0px -410px no-repeat;
    width: 15px;
    height: 12px;
    display: inline-block;
}

#my-filter .locate-direction .btn-ch-locate {
    text-transform: none;
    cursor: pointer;
    display: -webkit-flex;
    -webkit-justify-content: center;
    display: flex;
    justify-content: center;
    width: 100%;
    padding-bottom: 3px;
    padding-top: 3px
}

.geoloc-load {
    background: url(/images/geoloc-load.gif) no-repeat;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: -21px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    display: none;
}

#my-filter #geolocation_txt {
    cursor: pointer;
}

#my-filter .locate-direction .btn-ch-locate div {
    text-decoration: underline;
    color: #fff;
}

#my-filter .locate-direction .btn-ch-locate div:hover {
    color: #ffd200;
}

#geolocate_result {
    display: none;
    margin-left: -5px;
    position: relative;
    width: calc(100% - 34px);
    padding: 0 10px;
}

#geolocate_result input {
    width: calc(100% - 23px);
    padding: 0 0 0 11px;
    height: 20px;
    line-height: 20px;
    margin-top: 0;
    color: #333333;
    border: 1px solid #595959;
    background: #fff;
    font-size: 12px;
    text-transform: lowercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#geolocate_result {
    display: none;
    margin-left: -5px;
    position: relative;
    width: 83%;
}

.info-comp-locate {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 34px;
    height: 34px;
}

#filter-localisation {
    background: none;
    padding: 0;
    margin: 0;
    border: none;
}

#my-filter .locate-slider {
    padding: 22px 0 0;
    float: left;
}

#km-geoloc {
    float: left;
    font-size: 18px;
    color: #ffd200;
    font-weight: bold;
    padding-left: 20px;
    margin-top: -2px;
}

#km-geoloc span {
    color: #fff;
    font-size: 12px;
}

#recup-locate {
    height: 15px;
    width: 10px;
    display: block;
    background: url(../images/sprite-mini-bt.png) 0 -20px no-repeat;
}

#nbre-annonce-filte {
    display: none;
}

#my-filter .col-pays {
    padding: 25px 10px 0 0;
    position: relative;
}

#my-filter .col-pays .sub-text {
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 9px;
    text-transform: uppercase;
    margin-bottom: 15px;
    height: 15px;
    line-height: 15px;
    font-weight: bold;
}

#my-filter .col-pays .btn-pays, #my-filter .col-pays .btn-region {
    background: #fff;
    height: 32px;
    line-height: 32px;
    text-indent: 10px;
    width: 49%;
    cursor: pointer;
    color: #1b1b1b;
    font-size: 12px;
    position: relative;
    float: left;
    border-radius: 6px;
}
#my-filter .col-pays .btn-pays .fl, #my-filter .col-pays .btn-region .fl, .form-tri .cust-select div.fl,  .form-filter .cust-select div.fl {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

#my-filter .col-pays .btn-pays {
    float: left;
}

#my-filter .col-pays .btn-region {
    float: right;
}

#my-filter .col-pays .btn-pays:hover, #my-filter .col-pays .btn-region:hover {
    background: #ccc;
}

#my-filter .col-pays .btn-pays .fl, #my-filter .col-pays .btn-region .fl {
    height: 32px;
    width: 32px;
    position: absolute;
    top: 0;
    right: 0;
    background: #ffd200;
}

.btn-pays .fl div, .btn-region .fl div {
    height: 32px;
    width: 32px;
    display: block;
    background: url(/images/sprite-mini-bt.png) -25px 12px no-repeat;
}

.wrapper-left-geoloc {
    float: left;
    width: 545px;
    background: #2E2E2E;
    z-index: 11;
    position: relative;
}

.filtre-my-country {
    font-size: 12px;
    text-decoration: underline;
    text-align: right;
    line-height: 10px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #e4e4e4;
    font-weight: bold;
    cursor: pointer;
}

.filtre-my-country .sprite {
    vertical-align: middle;
    padding-right: 7px;
}

.filtre-my-country:hover {
    color: #ffd200;
}

.form-pays, .form-region {
    display: none;
    width: 757px;
    background: #fff;
    position: absolute;
    top: 83px;
    right: 0;
    color: #272727;
    z-index: 2;
    padding: 0 0 0 0;
    -moz-box-shadow: 4px 5px 11px -5px #656565;
    -webkit-box-shadow: 4px 5px 11px -5px #656565;
    -o-box-shadow: 4px 5px 11px -5px #656565;
    box-shadow: 4px 5px 11px -5px #656565;
}

.form-pays label.alone-search, .form-region label.alone-search {
    text-decoration: underline;
    cursor: not-allowed;
}

.result-pays, .result-region {
    padding: 18px 15px 35px 15px;
}

.result-pays li:hover label, .result-region li:hover label {
    color: #1e1e1e;
    background: #ffd200;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
}
.bold-result li:hover label {
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
}


.bold-result {
    background: #ffd200;
    padding: 18px 15px 9px 15px;
}

.bold-result .titre-form-pays, 
.bold-result .titre-form-region,  
.result-pays .titre-form-pays{
    border-bottom: 3px solid #ddb704;
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
    line-height: 19px;
    /* padding: 10px 0 15px 0; */
    padding: 0 25px 15px 0;
    margin-bottom: 19px;
    font-weight: bold;
    box-sizing: border-box;
    background-size: 18px;
    background-position: top right;
}

.form-pays ul, .form-region ul {
    padding: 0 0 7px 0;
}

.form-pays ul li, .form-region ul li {
    float: left;
    width: 242px;
    padding: 0 0 14px 0;
    line-height: 12px;
}

.form-pays ul li:last-child, .form-region ul li:last-child {
    border: none;
}

.form-pays ul li label, .form-region ul li label  {
    padding: 7px 8px 5px 5px;
    color: #6a6a6a;
    font-size: 11px;
    margin-left:3px;
}

.form-pays ul li.input-selected label,  .form-region ul li.input-selected label {
    background:#ffd200;
    border-radius:6px;
    color:#333;
}
.form-pays .bold-result ul li label, .form-region .bold-result ul li label {
    color: #1b1b1b;
    font-size: 11px;
}
.form-pays .bold-result ul li.input-selected label, .form-region .bold-result ul li.input-selected label{
    background:#fff!important;
    border-radius:6px;
}

.close-form-loc {
    position: absolute;
    bottom: 20px;
    right: 29px;
    height: 28px;
    line-height: 30px;
    cursor: pointer;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding: 0 20px 0 34px;
    color: #000;
    background: #ffd200 url(/images/bg-submit.png) no-repeat -327px center;
}

.close-form-loc:hover {
    background: #000 url(/images/bg-submit.png) no-repeat -12px center;
    color: #fff;
}

#face_links_default {
    display: none;
}

.pub-fixed {
    position: fixed;
    top: 80px;
    margin-top: 20px;
}

#bloc-filter .pub-fixed{
    bottom:0;
    top:125px;
    margin-top:0;
}

#view-bloc-filter .alter.pub-fixed {
    top: 64px;
    margin-left: 32px;
}

.service-bloc {
    background: #fff;
    padding: 0 10px;
    margin-top: 18px;
    display: block;
}

.service-bloc li {
    padding: 12px 0;
    border-bottom: 1px solid #ececec;
}

.figure-sb {
    float: left;
    width: 63px;
}

.content-sb {
    float: left;
    width: 137px;
    font-size: 13px;
}

.content-sb h6 {
    color: #febf00;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}

.content-sb p {
    color: #b5b5b5;
}

.content-sb-widget {
    float: left;
    width: 200px;
    font-size: 13px;
    overflow: hidden;
    clear: both;
}

.content-sb-widget-title {
    float: left;
    width: 180px;
    margin-left: 20px;
    font-size: 13px;
    overflow: hidden;
    clear: both;
}

.content-sb-widget-title h6 {
    color: #febf00;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}

.pub-fixed {
    position: fixed;
    top: 80px;
}

.service-bloc.pub-fixed {
    top: 112px;
    width: 204px;
}


.popin-alerting{
    width: 632px;
    padding: 0 0 28px 0;
    font-size: 12px;
    background-color: #ffffff;
    display: none;
    position: absolute;
    z-index: 80000;
    top: 50px;
}

.popin-alerting .titre-p-alerting {
    background: #1e1e1e;
    text-align: center;
    border-bottom: 6px solid #ffd200;
    padding: 40px 0;
}

.popin-alerting .titre-p-alerting p {
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
    letter-spacing: 4px;
}

.popin-alerting .titre-p-alerting h4 {
    font-size: 31px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffd200;
    line-height: 39px;
    letter-spacing: 7px;
}

.p-step {
    position: relative;
}

#p-step-1 {
    padding: 33px 26px 50px 26px;
}

#p-step-1 .intro {
    padding-left: 100px;
    margin-bottom: 16px;
    height: auto;
    position: relative;
}

#p-step-1 .intro::before {
    background: url(../images/sprite-alert.png) 0 -70px no-repeat;
    content: '';
    width: 100px;
    height: 45px;
    display: block;
    position: absolute;
    left: 2px;
    top: 5px;
}

#p-step-1 .intro .bold {
    font-size: 18px;
    margin-bottom: 12px;
    display: block;
}

#p-step-1 form {
    margin-top: 40px;
    /*margin-bottom:52px;*/
}

#p-step-1 .text {
    width: 350px;
    height: 45px;
    line-height: auto;
    border: 2px solid #ffd200;
    border-color: rgb(255, 210, 0) !important;
    float: left;
    text-indent: 10px;
    box-shadow:none;
}
#p-step-1 .text input:focus {outline: none;}

#p-step-1 .valid {
    width: 152px;
    height: 49px;
    text-align: center;
    line-height: 49px;
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    background: #ffd200;
    border: none;
    margin-left: 27px;
    cursor: pointer;
    -webkit-appearance: none;
}

#p-step-1 #alerting-loader {
    display: block;
    font-size: 1px;
    width: 23px;
    height: 23px;
    background: url(/images/loader-new.gif) right 0 no-repeat;
    position: absolute;
    right: 30px;
    margin-top: -35px;
}
#confirmF_step4 #alerting-loader.visible, #confirmF_step2 #alerting-loader.visible {
    display: inline-block;
    font-size: 1px;
    width: 23px;
    height: 23px;
    background: url(/images/loader-new.gif) right 0 no-repeat;
}

#confirmF_step4 #alerting-loader, #confirmF_step2 #alerting-loader {
    display:none;
}

#p-step-1 p.popin-subtitle {
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: bold;
    display: block;
}

#p-step-1 div.frequency-selection {
    margin-bottom: 20px;
    height: 49px;
}

#p-step-1 div.frequency-selection div.button-cont {
    width: 25%;
    float: left;
}

#p-step-1 div.frequency-selection div.button-cont button {
    font-family: 'Roboto', "trebuchet MS", sans-serif;
    width: calc(100% - 2vw);
    height: 49px;
    text-align: center;
    line-height: 49px;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #E9E9E9;
    border: none;
    margin-left: 1vw;
    margin-right: 1vw;
    cursor: pointer;
}

#p-step-1 div.frequency-selection div.button-cont button.selected {
    background: #E9E9E9;
    font-weight: bold;
    position: relative;
}

#p-step-1 div.frequency-selection div.button-cont button.selected::before{
    content: '';
    position: absolute;
    left: 14px;
    top: 18px;
    background: url(../images/sprite-alert.png) 0 -204px no-repeat;
    width: 14px;
    height: 13px;
}

#p-step-1 ul {
    float: left;
    width: 49%;
    padding-right: 1%;
    color: #a1a1a1;
    font-size: 13px;
}

#p-step-1 ul li {
    margin-bottom: 6px;
    background: url(../images/sprite-alert.png) 0 -181px no-repeat;
    padding-left: 25px;
}

#p-step-1 ul li strong {
    text-transform: uppercase;
}

#p-step-1 ul li.selected {
    color: #1e1e1e;
    background: url(../images/sprite-alert.png) 0 -202px no-repeat;
}

#p-step-1 ul li span.radius {
    display: none;
}

.close-alert {
    background: url(../images/sprite-alert.png) 0 -359px no-repeat;
    position: absolute;
    top: 19px;
    right: 19px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

/*-----step2----*/
.titre-choix-offre {
    position: absolute;
    text-align: center;
    width: 100%;
    top: -40px;
    left: 0;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #fff;
}

#p-step-2 {
    padding: 32px 11px 32px 11px;
}

#p-step-2 h5 {
    padding-left: 15px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 2px;
}

#p-step-2 h5 strong {
    color: #ffd200;
}

#p-step-2 .intro {
    padding-left: 15px;
    margin-bottom: 25px;
}

.tableau-offre {
}

.tableau-offre .col {
    height: 30px;
    float: left;
    color: #1e1e1e;
}

.tableau-offre .col-1 {
    width: 37%;
}

.tableau-offre .col-2,
.tableau-offre .col-3,
.tableau-offre .col-4 {
    width: 21%;
}

.tableau-offre .col-1 {

}

.tableau-offre .col-2 {
    background: #f0f0f0;
}

.tableau-offre .col-3 {
    background: #ffda2f;
}

.tableau-offre .col-4 {
    background: #1e1e1e;
    color: #ffd200;
}

.tableau-offre .table-top {
    margin-bottom: 4px;
}

.tableau-offre .table-top .col {
    height: 110px;
    position: relative;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 50px;
}

.tableau-offre .table-top .col-4 {
    color: #ffd200;
}

.tableau-offre .table-top .col .intitule-offre strong {
    display: block;
    margin-top: 3px;
}

.tableau-offre .table-top .col .intitule-offre {
    margin-bottom: 10px;
}

.tableau-offre .table-top .col .prix-offre strong {
    display: block;
}

.tableau-offre .table-top .col .prix-offre span {
    display: block;
    font-size: 11px;
    text-transform: none;
    line-height: 13px;
    margin-top: 4px;
}

.tableau-offre .table-corp .col-1 {
    text-indent: 10px;
}

.tableau-offre .table-corp .col-2 {
    text-align: center;
}

.tableau-offre .table-corp .col-3 {
    text-align: center;
}

.tableau-offre .table-corp .col-4 {
    text-align: center;
    color: #fff;
}

.tableau-offre .table-corp .col-1 {
    font-weight: bold;
}

.tableau-offre .table-corp .impaire .col-1 {
    background: #fff7d3;
}

.tableau-offre .table-corp .impaire .col-2 {
    background: #f5f5f5;
}

.tableau-offre .table-corp .impaire .col-3 {
    background: #ffe25a;
}

.tableau-offre .table-corp .impaire .col-4 {
    background: #272727;
}

.tableau-offre .table-corp .col {
    height: 37px;
    line-height: 37px;
}

.table-valid {
    margin-top: 8px;
}

.tableau-offre .table-corp .impaire .col-3.selected {
    background: #ffe25a url(../images/selected-col-b.png) center center no-repeat;
}

.tableau-offre .table-corp .col-3.selected {
    background: #ffda2f url(../images/selected-col-b.png) center center no-repeat;
}

.tableau-offre .table-corp .col-4.selected {
    background: #1E1E1E url(../images/selected-col-w.png) center center no-repeat;
}

.tableau-offre .table-corp .impaire .col-4.selected {
    background: #272727 url(../images/selected-col-w.png) center center no-repeat;
}

.table-validation {
    margin-top: 8px;
}

.tableau-offre .table-validation .col {
    height: auto;
    min-height: 1px;
    background: none;
    padding: 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.table-validation .valid {
    display: block;
    background: red;
    border: none;
    height: 33px;
    line-height: 33px;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.tableau-offre .table-validation .col a {
    text-decoration: underline;
    font-size: 13px;
}

.tableau-offre .table-validation .col-2 .valid {
    background: #f0f0f0;
}

.tableau-offre .table-validation .col-3 .valid {
    background: #ffda2f;
}

.tableau-offre .table-validation .col-4 .valid {
    background: #1e1e1e;
    color: #fff;
}

.info-comp:not(.premium-no-sponsor) {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/*----------step 3-----------*/
#p-step-3 {
    padding: 40px 45px 67px 45px;
    font-size: 14px;
}

#p-step-3 p {
    position: relative;
    padding-left: 80px;
}

#p-step-3 p::before {
    content: '';
    position: absolute;
    width: 62px;
    height: 60px;
    background: url(../images/sprite-alert.png) 0 0 no-repeat;
    left: 0;
    top: 0;
}

#p-step-3 p strong {
    display: block;
    font-size: 18px;
    color: #ffd200;
    margin-bottom: 12px;
}

/*--------step 4-----------*/
#p-step-4 {
    padding: 32px 11px 32px 11px;
}

#p-step-4 h5 {
    padding-left: 15px;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
}

#p-step-4 h5 strong {
    color: #ffd200;
}

#p-step-4 .intro {
    padding-left: 15px;
    margin-bottom: 25px;
}

/*--------step 5-----------*/
#p-step-5 {
    padding: 32px 25px 32px 25px;
}

#p-step-5 h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 17px;
}

#p-step-5 h5 strong {
    color: #ffd200;
}

#p-step-5 .intro {
    margin-bottom: 25px;
}

#p-step-5 .intro a {
    font-weight: bold;
    text-decoration: underline;
}

.b-step-5 .left {
    width: 369px;
    float: left;
    position: relative;
    height: 310px;
    background: #ffc600;
    z-index: 2;
}

.b-step-5 .right {
    width: 212px;
    float: left;
    position: relative;
    height: 310px;
    background: #ededed;
}

.fleche-step-5 {
    background: url(../images/fleche-step-5.png) no-repeat;
    width: 22px;
    height: 303px;
    position: absolute;
    right: -22px;
    top: 0;
}

.o-step-5 {
    width: 166px;
    text-align: center;
    padding: 92px 0 0 0;
    position: relative;
}

.o-step-5::before {
    content: '';
    background: url(../images/sprite-alert.png) 0 -331px no-repeat;
    position: absolute;
    top: 65px;
    left: 49px;
    width: 70px;
    height: 20px;
}

.o-step-5::after {
    content: '';
    position: absolute;
    height: 27px;
    width: 166px;
    top: 65px;
    left: 49px;
}

.o-step-5 .intitule-offre {
    text-transform: uppercase;
    font-size: 19px;
}

.o-step-5 .intitule-offre strong {
    display: block;
    font-size: 25px;
    margin-top: 7px;
}

.o-step-5 .prix-offre {
    padding-top: 15px;
    margin-top: 15px;
    background: url(../images/separ-step5.png) center top no-repeat;
}

.o-step-5 .prix-offre strong {
    display: block;
    font-size: 30px;
    line-height: 35px;
}

.o-step-5 .prix-offre span {
    display: block;
    line-height: 14px;
}

.list {
    position: absolute;
    left: 166px;
    top: 53px;
}

.list li {
    margin-bottom: 14px;
    background: url(../images/puce-disc.png) 0 7px no-repeat;
    padding-left: 15px;
}

.valid-offre {
    position: absolute;
    top: 130px;
    left: 41px;
    text-align: center;
    width: 150px;
}

.valid-offre .valid {
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
    width: 150px;
    height: 50px;
    line-height: 50px;
    background: #ffd200;
    border: none;
    cursor: pointer;
}

.valid-offre a {
    display: block;
    margin-top: 3px;
    text-decoration: underline;
}

/*--------step 7-----------*/
#p-step-7 .padd-step {
    padding: 32px 25px 32px 25px;
}

#p-step-7 h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 17px;
}

#p-step-7 h5 strong {
    color: #ffd200;
}

#p-step-7 .intro {
    margin-bottom: 35px;
}

#p-step-7 .intro a {
    font-weight: bold;
    text-decoration: underline;
}

#p-step-7 .descri {
    margin-bottom: 17px;
}

#p-step-7 .valid {
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
    width: 150px;
    line-height: 50px;
    background: #ffd200;
    border: none;
    cursor: pointer;
}

#p-step-7 .bottom-step {
    height: 166px;
    background: #f8f8f8;
    padding: 98px 27px 0 27px;
}

#p-step-7 .y-bloc {
    background: #ffd200;
    padding: 38px 20px 20px 20px;
    height: 86px;
    position: relative;
}

#p-step-7 .y-bloc a {
    text-decoration: underline;
    font-weight: bold;
}

/*--------step 6-----------*/
#p-step-6 .padd-step {
    padding: 32px 25px 32px 25px;
}

#p-step-6 h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 17px;
}

#p-step-6 h5 strong {
    color: #ffd200;
}

#p-step-6 .intro {
    margin-bottom: 35px;
}

#p-step-6 .intro a {
    font-weight: bold;
    text-decoration: underline;
}

#p-step-6 .descri {
    margin-bottom: 17px;
}

#p-step-6 .valid {
    font-size: 21px;
    font-weight: bold;
    text-transform: uppercase;
    width: 150px;
    line-height: 50px;
    background: #ffd200;
    border: none;
    cursor: pointer;
}

#p-step-6 .bottom-step {
    height: 166px;
    background: #f8f8f8;
    padding: 98px 27px 0 27px;
}

#p-step-6 .y-bloc {
    background: #ffd200;
    padding: 38px 20px 20px 20px;
    height: 86px;
    position: relative;
}

#p-step-6 .y-bloc a {
    text-decoration: underline;
    font-weight: bold;
}

.my-titre {
    width: 426px;
    height: 61px;
    color: #fff;
    background: #1e1e1e;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 17px 0 0 22px;
    position: absolute;
    top: -60px;
    left: 20px;
    line-height: 23px;
    letter-spacing: 1px;
}

#p-step-2,
#p-step-3,
#p-step-4,
#p-step-5,
#p-step-6,
#p-step-7 {
    display: none;
}

#content_popin_insc {
    display: none;
}

#overlay-appear {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
}

#mypopin {
    position: absolute;
    z-index: 101;
}

.content-popin {
    width: 673px;
    padding: 0 0 28px 0;
    background: #ededed;
    font-size: 14px;
}

.content-popin .top-popin {
    padding: 28px 23px;
    background: #2e2e2e;
    color: #fff;
    line-height: 23px;
    position: relative;
    margin: 0 0 25px 0;
}

.content-popin .top-popin h2 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 24px;
    font-weight: bold;
}

.content-popin .top-popin .color {
    color: #FFD200;
}

.link-popin-top {
    position: absolute;
    bottom: 26px;
    right: 20px;
    color: #FFD200;
    text-decoration: underline;
    font-size: 12px;
}

.inp-text-popin {
    margin: 0 0 25px 0;
}

.inp-text-popin label,
.inp-rad-popin span {
    display: block;
    margin-bottom: 8px;
}

.content-popin .form, .content-confirm-popin-wrapper {
    padding: 0 0 0 20px;
}

.inp-text-popin input {
    color: #2c2c2c;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #d7d7d7;
    padding: 0 0 0 5px;
}

.inp-text-big input {
    width: 235px;
}

.inp-text-small input {
    width: 624px;
}

.inp-rad-popin {
    margin: 0 0 18px 0;
}

.inp-rad-popin label {
    padding: 0 40px 0 7px;
}

.valid-popin {
    text-align: right;
    padding: 0 24px 0 0;
}

.valid-popin,
.valid-popin img,
.valid-popin input {
    vertical-align: middle;
}

.valid-popin a {
    font-size: 12px;
    text-decoration: underline;
    padding-right: 10px;
}

.close-popin {
    width: 17px;
    height: 17px;
    position: absolute;
    top: 30px;
    right: 22px;
    cursor: pointer;
}

#create_alert_error {
    margin-bottom: 20px;
    color: #FF0000;
}

#alerts .edit {
    display: none;
}

#alerts .error {
    color: #FF0000;
    font-size: 10px;
}

.content-confirm-popin-wrapper p {
    margin-bottom: 20px;
}

.content-confirm-popin-wrapper #content-confirm-popin-label,
.content-confirm-popin-wrapper #content-confirm-popin-search-term,
.content-confirm-popin-wrapper #content-confirm-popin-email,
.content-confirm-popin-wrapper #content-confirm-popin-frequency {
    font-weight: bold;
}

.content-confirm-popin-wrapper a.btn-alert,
.content-confirm-popin-wrapper a.btn-continue {
    height: 0;
    padding-top: 25px;
    overflow: hidden;
    display: block;
}

.content-confirm-popin-wrapper a.btn-alert {
    width: 221px;
    float: left;
}

.content-confirm-popin-wrapper a.btn-continue {
    width: 242px;
    float: right;
    margin-right: 20px;
}

/*------SERVICE--------*/
.nos-services {

}

.bg-devis {
    background: #fff;
}

.left-service {
    width: 467px;
    padding-right: 40px;
    float: left;
}

.right-service {
    width: 420px;
    float: left;
}

.intro-service {
    color: #0B3E8B;
    font-size: 18px;
    line-height: 23px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 50px;
}

#large-content .nos-services h1 {
    padding: 38px 25px 0 25px;
}

#large-content .nos-services .intro-service {
    padding: 0 25px 0 25px;
}

.service-picto {
    padding: 0 0 0 120px;
    height: 159px;
    position: relative;
}

#picto-service-1,
#picto-service-3 {
    height: 180px;
}

#picto-service-import {
    height: 206px;
}

#picto-service-aramis {
    height: 260px;
}

#picto-service-4 {
    height: 206px;
}

.service-picto h4 {
    font-size: 22px;
    color: #262626;
    line-height: 23px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 4px;
}

.service-picto .link-service {
    color: #1f5796;
    font-size: 11px;
    font-style: italic;
    background: url(/images/puce-link-service.png) left 3px no-repeat;
    padding-left: 7px;
}

.service-picto p {
    font-size: 13px;
    color: #262626;
    margin-top: 6px;
}

.service-picto p a {
    color: #1f5796;
    text-decoration: underline;
}

.service-picto .picto-service-link {
    position: absolute;
    top: 0;
    left: 0;
}

.new-service {
    background: #2f2f2f url(/images/bg-service.gif) repeat-x;
    width: 100%;
}

.new-service .list-new-service {
    width: 240px;
    float: left;
}

.new-service .list-new-service li {
    height: 86px;
    background: #f3f3f3 url(/images/border-service.gif) left bottom repeat-x;
    font-size: 12px;
    text-transform: uppercase;
    color: #959595;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.new-service .list-new-service li span.no-logo {
    position: absolute;
    top: 0;
    left: 0;
    height: 86px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 28px 0 0 19px;
}

.new-service .list-new-service li span.hover-logo {
    position: absolute;
    top: 0;
    left: -100%;
    background: #fff;
    height: 86px;
    width: 100%;
    text-align: center;
}

.new-service .list-new-service li span.hover-logo img {
    position: absolute;
    left: 50%;
    top: 50%;
    opacity: 0;
}

.posit-list-item {
    position: relative;
}

.posit-list-item .border-selected {
    background: #f7c600;
    width: 4px;
    height: 85px;
    position: absolute;
    top: 0;
    left: 0;
}

.new-service .list-new-service li.selected {
    color: #f7c600;
}

.new-service .list-new-service li strong {
    font-size: 16px;
    font-weight: bold;
    display: block;
}

.new-service .slide-Service {
    width: 728px;
    float: left;
    position: relative;
    z-index: 1;
}

.slide-Service .item-slide-service {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
}

.item-slide-service h3 {
    text-align: center;
    display: table;
    height: 109px;
    width: 100%;
    font-size: 17px;
    text-transform: uppercase;
    line-height: 17px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.item-slide-service h3 span {
    height: 109px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

.item-slide-service h3 strong {
    display: block;
    font-size: 23px;
    line-height: 23px;
}

.item-slide-service .figure-logo {
    width: 273px;
    position: absolute;
    top: 109px;
    left: 0;
    padding: 112px 0 0 63px;
}

.item-slide-service .figure-logo h4 {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.item-slide-service .figure-logo h4 a {
    color: #fff;
}

.item-slide-service .content-service {
    width: 340px;
    position: absolute;
    top: 109px;
    left: 340px;
    padding-top: 112px;
    opacity: 0
}

.item-aramis .content-service {
    padding-top: 70px;
}

.item-aramis .figure-logo {
    padding-top: 70px;
}

.item-assurland .content-service {
    padding-top: 130px;
}

.item-assurland .figure-logo {
    padding-top: 130px;
}

.item-slide-service .content-service {
    font-size: 15px;
}

.item-slide-service .content-service p {
    line-height: 21px;
    color: #fff;
    margin-bottom: 14px;
}

.item-2 .content-service p {
    font-size: 14px;
    line-height: 20px;
}

.item-2 .content-service {
    padding-top: 112px;
}

.item-slide-service .content-service a {
    color: #ffd200;
    text-decoration: underline;
}

.item-slide-service .picto-new-service {
    position: absolute;
    top: 85px;
    left: 50%;
    opacity: 0
}

.item-0 .picto-new-service {
    background: url(/images/picto-service-assur.png) no-repeat;
    width: 105px;
    height: 120px;
    margin-left: -52px;
}

.item-1 .picto-new-service {
    background: url(/images/picto-service-carte.png) no-repeat;
    width: 105px;
    height: 98px;
    margin-left: -52px;
}

.item-2 .picto-new-service {
    background: url(/images/picto-service-italie.png) no-repeat;
    width: 78px;
    height: 94px;
    margin-left: -39px;
}

.item-3 .picto-new-service {
    background: url(/images/picto-service-euro.png) no-repeat;
    width: 78px;
    height: 61px;
    margin-left: -39px;
}

.item-4 .picto-new-service {
    background: url(/images/picto-service-oscaro.png) no-repeat;
    width: 98px;
    height: 98px;
    margin-left: -59px;
}

.item-5 .picto-new-service {
    background: url(/images/picto-service-car.png) no-repeat;
    width: 62px;
    height: 37px;
    margin-left: -31px;
}

.item-6 .picto-new-service {
    background: url(/images/picto-service-experveo.png) no-repeat;
    width: 88px;
    height: 124px;
    margin-left: -44px;
}

.item-7 .picto-new-service {
    background: url(/images/picto-service-comparateurcredit.png) no-repeat;
    width: 67px;
    height: 42px;
    margin-left: -33px;
}

.pub-replace {
    margin-bottom: 20px;
}

.cont-fixed {
    position: fixed;
    height: 60px;
    bottom: -60px;
    left: 0;
    width: 100%;
    background: #141414;
    z-index: 100;
    transition: all 400ms ease-in-out 0s;
}

.small-head #content {
    background-color: #fff;
}

.small-head .cont-fixed {
    display: none;
}

.cont-fixed.view-cont-fixed {
    bottom: 0;
}

.cont-fixed .btn-services-fixed {
    display: block;
    height: 80px;
    width: 100%;
    position: relative;
}

.cont-fixed span {
    display: block;
}

.cont-fixed a {
    color: #2f2f2f;
}

.yellow-link-serv {
    display: block;
    background: #1bbc9c url(/images/puce-fleche-detail.png) 96% 11px no-repeat;
    position: absolute;
    top: 17px;
    right: 37px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 21px 0 10px;
}

.list-link-serv {
    float: left;
    width: 240px;
    text-align: center;
    padding: 14px 0 0 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

/*--------------MAP--------------*/
#switch-content-map {
    display: none;
}

.map-center {
    height: 1px;
}

#close-region {
    background: url(../images/close-region.png) no-repeat;
    width: 44px;
    height: 44px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 31px;
}

.map-content {
    background: #ffd200;
    padding-top: 36px;
}

.map-content h2 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 37px;
    text-align: center;
}

.chiffre-map {
    float: left;
    text-align: center;
    font-size: 14px;
    padding: 126px 0 0 0;
}

.bloc-chiffre-map {
    width: 864px;
    margin: 0 auto;
    padding-bottom: 35px;
}

.chiffre-map-1 {
    width: 248px;
    background: url(../images/home-chiffre-1.png) center top no-repeat;
}

.chiffre-map-2 {
    width: 306px;
    background: url(../images/home-chiffre-2.png) center top no-repeat;
}

.chiffre-map-3 {
    width: 310px;
    background: url(../images/home-chiffre-3.png) center top no-repeat;
}

.bloc-chiffre-map strong {
    display: block;
    font-size: 50px;
    font-weight: bold;
    line-height: 56px;
}

.tooltip-area {
    display: none;
    position: absolute;
    z-index: 4;
    background: url(../images/bg-tooltip.png) no-repeat;
    height: 185px;
    width: 88px;
}

.tooltip-area .my-tooltip {
    font-size: 13px;
    text-transform: uppercase;
    position: absolute;
    border: 1px solid #000000;
    background-color: #FFF;
    padding: 4px 8px;
    color: #000;
    z-index: 4;
    top: -35px;
    left: 80px;
    white-space: nowrap;
}

.content-mask-popin {
    width: 632px;
    padding: 0 0 28px 0;
    font-size: 12px;
    background-color: #ffffff;
    display: none;
    position: absolute;
    z-index: 9999;
    top: 50px;
    max-width: 100%;
}

.bloc-resultat .alter {
    /*background:url(../images/alter-big.jpg) no-repeat;*/
    background: url(../images/alter-igloo.jpg) no-repeat;
    width: 728px;
    height: 90px;
    display: none;
    margin: 20px auto 0 auto;
}

.posit-google .alter {
    margin: 0 auto 20px auto;
}

#view-bloc-filter .alter {
    background: url(../images/alter-left-igloo.jpg) no-repeat;
    width: 160px;
    height: 600px;
    display: none;
    margin: 20px auto 0 auto;
}

.price-mobile {
    display: none;
}

#step-1-error {
    visibility: hidden;
    color: #ff0000;
    margin-bottom: 25px;
}
#large-content.center .form-credit-auto p{
    height: 1500px;
}


.posit-btn-mobile-top{
    opacity: 0;
    position: relative;
    z-index: -1;
}

.posit-btn-mobile-top *{
    box-sizing: border-box;
}

.posit-btn-mobile-top .btn-view-alerting {
    display: none;
}

.small-head #header h1 {
    z-index: 9999;
    background-size: contain !important;
}

.detail-annonce .logo-load .logo-small-header {
    display: none !important;
}

.link-services.iconClick span.reskew span em {
    background: url('../images/sprite-header.svg') -150px -16px no-repeat !important;
}


/* sprite flags*/

.sprite { background: url('../images/flag/sprite.png') no-repeat top left; width: 16px; height: 11px; display: inline-block; margin-right: 2px; }
.sprite.ad { background-position: 0 0; }
.sprite.ae { background-position: 0 -20px; }
.sprite.af { background-position: 0 -40px; }
.sprite.ag { background-position: 0 -60px; }
.sprite.ai { background-position: 0 -80px; }
.sprite.al { background-position: 0 -100px; }
.sprite.am { background-position: 0 -120px; }
.sprite.an { background-position: 0 -140px; }
.sprite.ao { background-position: 0 -160px; }
.sprite.ar { background-position: 0 -180px; }
.sprite.as { background-position: 0 -200px; }
.sprite.at { background-position: 0 -220px; }
.sprite.au { background-position: 0 -240px; }
.sprite.hm { background-position: 0 -260px; }
.sprite.aw { background-position: 0 -280px; }
.sprite.ax { background-position: 0 -300px; }
.sprite.az { background-position: 0 -320px; }
.sprite.ba { background-position: 0 -340px; }
.sprite.bb { background-position: 0 -360px; }
.sprite.bd { background-position: 0 -380px; }
.sprite.be { background-position: 0 -400px; }
.sprite.bf { background-position: 0 -420px; }
.sprite.bg { background-position: 0 -440px; }
.sprite.bh { background-position: 0 -460px; }
.sprite.bi { background-position: 0 -480px; }
.sprite.bj { background-position: 0 -500px; }
.sprite.bm { background-position: 0 -520px; }
.sprite.bn { background-position: 0 -540px; }
.sprite.bo { background-position: 0 -560px; }
.sprite.br { background-position: 0 -580px; }
.sprite.bs { background-position: 0 -600px; }
.sprite.bt { background-position: 0 -620px; }
.sprite.bv { background-position: 0 -640px; }
.sprite.bw { background-position: 0 -660px; }
.sprite.by { background-position: 0 -680px; }
.sprite.bz { background-position: 0 -700px; }
.sprite.ca { background-position: 0 -720px; }
.sprite.catalonia { background-position: 0 -740px; }
.sprite.cc { background-position: 0 -760px; }
.sprite.cd { background-position: 0 -780px; }
.sprite.cf { background-position: 0 -800px; }
.sprite.cg { background-position: 0 -820px; }
.sprite.ch { background-position: 0 -840px; width: 15px; }
.sprite.ci { background-position: 0 -860px; }
.sprite.ck { background-position: 0 -880px; }
.sprite.cl { background-position: 0 -900px; }
.sprite.cm { background-position: 0 -920px; }
.sprite.cn { background-position: 0 -940px; }
.sprite.co { background-position: 0 -960px; }
.sprite.cr { background-position: 0 -980px; }
.sprite.cs { background-position: 0 -1000px; }
.sprite.cu { background-position: 0 -1020px; }
.sprite.cv { background-position: 0 -1040px; }
.sprite.cx { background-position: 0 -1060px; }
.sprite.cy { background-position: 0 -1080px; }
.sprite.cz { background-position: 0 -1100px; }
.sprite.de { background-position: 0 -1120px; }
.sprite.dj { background-position: 0 -1140px; }
.sprite.dk { background-position: 0 -1160px; }
.sprite.dm { background-position: 0 -1180px; }
.sprite.do { background-position: 0 -1200px; }
.sprite.dz { background-position: 0 -1220px; }
.sprite.ec { background-position: 0 -1240px; }
.sprite.ee { background-position: 0 -1260px; }
.sprite.eg { background-position: 0 -1280px; }
.sprite.eh { background-position: 0 -1300px; }
.sprite.england { background-position: 0 -1320px; }
.sprite.er { background-position: 0 -1340px; }
.sprite.es { background-position: 0 -1360px; }
.sprite.et { background-position: 0 -1380px; }
.sprite.eu { background-position: 0 -1400px; }
.sprite.fam { background-position: 0 -1420px; }
.sprite.fi { background-position: 0 -1440px; }
.sprite.fj { background-position: 0 -1460px; }
.sprite.fk { background-position: 0 -1480px; }
.sprite.fla { background-position: 0 -1500px; width: 20px; height: 13px; }
.sprite.fm { background-position: 0 -1522px; }
.sprite.fo { background-position: 0 -1542px; }
.sprite.gf { background-position: 0 -1562px; }
.sprite.fr { background-position: 0 -1582px; }
.sprite.ga { background-position: 0 -1602px; }
.sprite.gb { background-position: 0 -1622px; }
.sprite.gd { background-position: 0 -1642px; }
.sprite.ge { background-position: 0 -1662px; }
.sprite.gh { background-position: 0 -1682px; }
.sprite.gi { background-position: 0 -1702px; }
.sprite.gl { background-position: 0 -1722px; }
.sprite.gm { background-position: 0 -1742px; }
.sprite.gn { background-position: 0 -1762px; }
.sprite.gp { background-position: 0 -1782px; }
.sprite.gq { background-position: 0 -1802px; }
.sprite.gr { background-position: 0 -1822px; }
.sprite.gs { background-position: 0 -1842px; }
.sprite.gt { background-position: 0 -1862px; }
.sprite.gu { background-position: 0 -1882px; }
.sprite.gw { background-position: 0 -1902px; }
.sprite.gy { background-position: 0 -1922px; }
.sprite.hk { background-position: 0 -1942px; }
.sprite.hn { background-position: 0 -1962px; }
.sprite.hr { background-position: 0 -1982px; }
.sprite.ht { background-position: 0 -2002px; }
.sprite.hu { background-position: 0 -2022px; }
.sprite.id { background-position: 0 -2042px; }
.sprite.ie { background-position: 0 -2062px; }
.sprite.il { background-position: 0 -2082px; }
.sprite.in { background-position: 0 -2102px; }
.sprite.io { background-position: 0 -2122px; }
.sprite.iq { background-position: 0 -2142px; }
.sprite.ir { background-position: 0 -2162px; }
.sprite.is { background-position: 0 -2182px; }
.sprite.it { background-position: 0 -2202px; }
.sprite.je { background-position: 0 -2222px; }
.sprite.jm { background-position: 0 -2242px; }
.sprite.jo { background-position: 0 -2262px; }
.sprite.jp { background-position: 0 -2282px; }
.sprite.ke { background-position: 0 -2302px; }
.sprite.no { background-position: 0 -2322px; }
.sprite.kg { background-position: 0 -2342px; }
.sprite.kh { background-position: 0 -2362px; }
.sprite.ki { background-position: 0 -2382px; }
.sprite.km { background-position: 0 -2402px; }
.sprite.kn { background-position: 0 -2422px; }
.sprite.kp { background-position: 0 -2442px; }
.sprite.kr { background-position: 0 -2462px; }
.sprite.kw { background-position: 0 -2482px; }
.sprite.ky { background-position: 0 -2502px; }
.sprite.re { background-position: 0 -2522px; }
.sprite.kz { background-position: 0 -2542px; }
.sprite.la { background-position: 0 -2562px; }
.sprite.lb { background-position: 0 -2582px; }
.sprite.lc { background-position: 0 -2602px; }
.sprite.li { background-position: 0 -2622px; }
.sprite.lk { background-position: 0 -2642px; }
.sprite.lr { background-position: 0 -2662px; }
.sprite.ls { background-position: 0 -2682px; }
.sprite.lt { background-position: 0 -2702px; }
.sprite.lu { background-position: 0 -2722px; }
.sprite.lv { background-position: 0 -2742px; }
.sprite.ly { background-position: 0 -2762px; }
.sprite.ma { background-position: 0 -2782px; }
.sprite.mc { background-position: 0 -2802px; }
.sprite.md { background-position: 0 -2822px; }
.sprite.me { background-position: 0 -2842px; height: 12px; }
.sprite.mg { background-position: 0 -2863px; }
.sprite.mh { background-position: 0 -2883px; }
.sprite.mk { background-position: 0 -2903px; }
.sprite.ml { background-position: 0 -2923px; }
.sprite.mm { background-position: 0 -2943px; }
.sprite.mn { background-position: 0 -2963px; }
.sprite.mo { background-position: 0 -2983px; }
.sprite.mp { background-position: 0 -3003px; }
.sprite.mq { background-position: 0 -3023px; }
.sprite.mr { background-position: 0 -3043px; }
.sprite.ms { background-position: 0 -3063px; }
.sprite.mt { background-position: 0 -3083px; }
.sprite.mu { background-position: 0 -3103px; }
.sprite.mv { background-position: 0 -3123px; }
.sprite.mw { background-position: 0 -3143px; }
.sprite.mx { background-position: 0 -3163px; }
.sprite.my { background-position: 0 -3183px; }
.sprite.mz { background-position: 0 -3203px; }
.sprite.na { background-position: 0 -3223px; }
.sprite.nc { background-position: 0 -3243px; }
.sprite.ne { background-position: 0 -3263px; }
.sprite.nf { background-position: 0 -3283px; }
.sprite.ng { background-position: 0 -3303px; }
.sprite.ni { background-position: 0 -3323px; }
.sprite.nl { background-position: 0 -3343px; }
.sprite.nr { background-position: 0 -3363px; }
.sprite.nu { background-position: 0 -3383px; }
.sprite.nz { background-position: 0 -3403px; }
.sprite.om { background-position: 0 -3423px; }
.sprite.pa { background-position: 0 -3443px; }
.sprite.pe { background-position: 0 -3463px; }
.sprite.pf { background-position: 0 -3483px; }
.sprite.pg { background-position: 0 -3503px; }
.sprite.ph { background-position: 0 -3523px; }
.sprite.pk { background-position: 0 -3543px; }
.sprite.pl { background-position: 0 -3563px; }
.sprite.pm { background-position: 0 -3583px; }
.sprite.pn { background-position: 0 -3603px; }
.sprite.pr { background-position: 0 -3623px; }
.sprite.ps { background-position: 0 -3643px; }
.sprite.pt { background-position: 0 -3663px; }
.sprite.pw { background-position: 0 -3683px; }
.sprite.py { background-position: 0 -3703px; }
.sprite.qa { background-position: 0 -3723px; }
.sprite.ro { background-position: 0 -3743px; }
.sprite.rs { background-position: 0 -3763px; }
.sprite.ru { background-position: 0 -3783px; }
.sprite.rw { background-position: 0 -3803px; }
.sprite.sa { background-position: 0 -3823px; }
.sprite.sb { background-position: 0 -3843px; }
.sprite.sc { background-position: 0 -3863px; }
.sprite.scotland { background-position: 0 -3883px; }
.sprite.sd { background-position: 0 -3903px; }
.sprite.sj { background-position: 0 -3923px; }
.sprite.se { background-position: 0 -3943px; }
.sprite.sg { background-position: 0 -3963px; }
.sprite.sh { background-position: 0 -3983px; }
.sprite.si { background-position: 0 -4003px; }
.sprite.sk { background-position: 0 -4023px; }
.sprite.sl { background-position: 0 -4043px; }
.sprite.sm { background-position: 0 -4063px; }
.sprite.sn { background-position: 0 -4083px; }
.sprite.so { background-position: 0 -4103px; }
.sprite.sr { background-position: 0 -4123px; }
.sprite.st { background-position: 0 -4143px; }
.sprite.sv { background-position: 0 -4163px; }
.sprite.sy { background-position: 0 -4183px; }
.sprite.sz { background-position: 0 -4203px; }
.sprite.tc { background-position: 0 -4223px; }
.sprite.td { background-position: 0 -4243px; }
.sprite.tf { background-position: 0 -4263px; }
.sprite.tg { background-position: 0 -4283px; }
.sprite.th { background-position: 0 -4303px; }
.sprite.tj { background-position: 0 -4323px; }
.sprite.tk { background-position: 0 -4343px; }
.sprite.tl { background-position: 0 -4363px; }
.sprite.tm { background-position: 0 -4383px; }
.sprite.tn { background-position: 0 -4403px; }
.sprite.to { background-position: 0 -4423px; }
.sprite.tr { background-position: 0 -4443px; }
.sprite.tt { background-position: 0 -4463px; }
.sprite.tv { background-position: 0 -4483px; }
.sprite.tw { background-position: 0 -4503px; }
.sprite.tz { background-position: 0 -4523px; }
.sprite.ua { background-position: 0 -4543px; }
.sprite.ug { background-position: 0 -4563px; }
.sprite.um { background-position: 0 -4583px; }
.sprite.us { background-position: 0 -4603px; }
.sprite.uy { background-position: 0 -4623px; }
.sprite.uz { background-position: 0 -4643px; }
.sprite.va { background-position: 0 -4663px; }
.sprite.vc { background-position: 0 -4683px; }
.sprite.ve { background-position: 0 -4703px; }
.sprite.vg { background-position: 0 -4723px; }
.sprite.vi { background-position: 0 -4743px; }
.sprite.vn { background-position: 0 -4763px; }
.sprite.vu { background-position: 0 -4783px; }
.sprite.wales { background-position: 0 -4803px; }
.sprite.wf { background-position: 0 -4823px; }
.sprite.ws { background-position: 0 -4843px; }
.sprite.ye { background-position: 0 -4863px; }
.sprite.yt { background-position: 0 -4883px; }
.sprite.za { background-position: 0 -4903px; }
.sprite.zm { background-position: 0 -4923px; }
.sprite.zw { background-position: 0 -4943px; }

/*sprite crea-fav*/
.sprite1::before { background: url('../images/sprite-pure-crea.png') no-repeat top left; height: 16px; display: inline-block;  position: absolute; left: 0; top:9px;}
.sprite1.crea-fav-1::before {content:''; background-position: 0 0; width: 19px; height: 18px; top: 8px; }
.sprite1.crea-fav-2::before {content:''; background-position: 0 -28px; width: 25px; }
.sprite1.crea-fav-3::before {content:''; background-position: 0 -54px; width: 16px; }
.sprite1.crea-fav-4::before {content: ''; background-position: 0 -85px; width: 19px; height: 18px; top: 2px; left: 3px;}

/*sprite header used in footer*/

.other-site-footer a.link-picto-i em{background: url(/images/sprite-header.svg) -1185px 0 no-repeat; width: 16px; height: 16px; position: absolute; top: 1px; left: 15px;}
.other-site-footer a.link-picto-m em{background: url(/images/sprite-header.svg) 0px 1px no-repeat; width: 11px; height: 16px; position: absolute; top: 0; left: 0px;}


/*sprite2 footer*/
.sprite2 { background: url('/images/sprite-footer-social.png') no-repeat top left; width: 30px; height: 30px; display: block }
.follow-links .facebook-foot a { background-position: 0 -70px; }
.follow-links .insta-foot a { background-position: 0 -110px; }
.follow-links .linkedin-foot a { background-position: 0 -150px; }

/*sprite3 listing*/

.sprite3 { background: url('sprite-listing.png') no-repeat top left; width: 39px; height: 39px;  }

/* mask announce */
.alerting-masked-announce .top-popin {
    background-color: #0dc2bd;
    color: #ffffff;
}
.alerting-masked-announce .close-popin {
    height: 25px;
    width: 25px;
    padding-top: 0;
    margin-right: 0;
    display: inline-block;
    position: absolute;
    right: 25px;
    top: 25px;
    background: url(../images/close-popin-header.png) no-repeat center center;
}

.alerting-masked-announce .animal {
    width: 90px;
    height: 100px;
    background: url(/images/picto-logo-parking.png) no-repeat center center;
    background-size: auto;
    background-size: 70px;
    border-radius: 100%;
    position: absolute;
    top: 15px;
    left: 30px;
}

#content_popin_form_wrapper {
    background: #ededed;
    padding: 15px;
    padding-bottom: 15px;
}

.alerting-masked-announce li {
    text-align: center;
}
.alerting-masked-announce li a:link, .alerting-masked-announce li a:visited {
    border: 1px solid
    #d7d7d7;
    border-radius: 30px;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    width: 330px;
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: bold;
    max-width: 100%;
}
.alerting-masked-announce li a:hover, .alerting-masked-announce li a:active {
    border: 1px solid #ffd200;
}
.alerting-masked-announce .inp-text-popin#content_popin_form_wrapper {
    margin-top: 40px;
    margin-bottom: 0;
    padding-bottom: 8px !important;
    background: none;
}
.inp-text-popin {
    margin: 20px;
}

.alerting-masked-announce .social-fiche-sign a, .alerting-masked-announce #content_popin_form_wrapper {
    background: none !important;
}

.alerting-masked-announce .bottom-bulle-conseil {
    background: url(../images/bottom-bulle-send.png) no-repeat;
    width: 16px;
    height: 10px;
    position: absolute;
    bottom: -10px;
    left: 44px;
}

.alerting-masked-announce .text-bulle {
    font-size: 13px;
}

.alerting-masked-announce .b-bulle {
    top: 22px;
    left: 130px;
    line-height: 20px;
    padding: 8px 15px;
}
.b-bulle {
    background: #2a2a2a;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 8px 15px;
}



.content-mask-popin .top-popin{
    background:#ffd200;
    height:80px;
}

.li-result .sample-holder {
    display: none;
    border: 1px solid #d1d1d1;
    padding: 4px 10px;
}
#list-results tr.sample-holder {
    display: none;
    height: 30px;
}

/* end mask announce */
/*-------------------------------------------------------------------------*/
/*---------------------------------RESPONSIVE------------------------------*/
/*-------------------------------------------------------------------------*/
@media only screen and (min-width: 1375px) {
    .list-pro.center {
        width: 1375px !important;
    }
    .list-pro .bloc-resultat {
        width: 1056px;
    }
    .list-pro .bloc-resultat.full-size {
        width: 100%;
    }
    .list-pro .bloc-resultat .left-geoloc,
    .list-pro .bloc-resultat .right-geoloc{
        width: 50%;
    }
    .list-pro #list-results, .list-pro #list-results .list-desc {
        font-size: 13px;
    }
    .list-pro .info-comp-filter.change-position h3 {
        margin-left: 200px;
    }
    body#super-user-body .list-pro.center {
        width: 1375px !important;
    }
}

@media only screen and (min-width: 1100px) {
    .small-head #content {
        padding: 0 5px;
        width: 1090px;
    }
    .small-head .bloc-resultat {
        margin: 0 12px 0 17px;
    }

    #super-user-body.small-head .list-pro .bloc-resultat,
    .small-head .list-pro .bloc-resultat {
        margin: 0 auto;
    }

    .small-head #header div.conteneur-input {
        margin-right: 17px;
    }

    .small-head #header div.conteneur-input.bigSearch div.bg-input,
    .form-header-static.bigSearch {
        transform: scale(1.04,1.1);
    }
}


@media only screen and (max-width: 1380px) {
    html.dressing .habillage-top {
        left: 0;
    }
    html.dressing .habillage-left {
        left: 0;
    }
    html.dressing .habillage-right {
        right: 0;
    }
    html.dressing .habillage-cote {
        width: calc((100% - 1100px) /2);
    }
    html.dressing .bg-gradient {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

@media only screen and (max-width: 1200px) {
    .elem-filter ul.list-filter li:focus label,
    .elem-filter ul.list-filter li:active label,
    .elem-filter ul.list-filter li:hover label,
    .elem-filter ul.list-filter li:focus,
    .elem-filter ul.list-filter li:active,
    .elem-filter ul.list-filter li:active,
    .elem-filter ul.list-filter a:active,
    .elem-filter ul.list-filter a:active,
    .elem-filter ul.list-filter a:hover,
    .elem-filter ul.list-filter a:active label,
    .elem-filter ul.list-filter a:active label,
    .elem-filter ul.list-filter a:hover label,
    .elem-filter ul.list-filter label:active,
    .elem-filter ul.list-filter label:active,
    .elem-filter ul.list-filter label:hover,
    .elem-filter ul.list-filter li:visited,
    .elem-filter ul.list-filter li:visited,
    .elem-filter ul.list-filter li:visited,
    .elem-filter ul.list-filter no-touch li:hover,
    .elem-filter ul.list-filter no-touch label:hover,
    .elem-filter ul.list-filter no-touch a:hover
    {
        background: #ffd200!important;
        text-decoration: none!important;
        color:#1e1e1e!important;
    }
    .elem-filter ul.list-filter li:hover label {
        color: inherit;
        background: #fff;

    }
    .elem-filter ul.list-filter li:hover {
        background: url(../images/bg-check.gif) no-repeat 0 center;
    }
    .elem-filter ul.list-filter li.checked-item.facet {
        background: url(../images/bg-check-hover.gif) no-repeat 0 center;
    }
    .elem-filter ul.list-filter li.checked-item.is-tablet.facet {
        background: url(../images/bg-check-hover.gif) no-repeat 0 center;
    }

    .elem-filter ul.list-filter li.checked-item.is-tablet.facet:hover label {
        background: none;
        color: #767676;
        text-decoration: none !important;
    }
    .elem-filter ul.list-filter li.checked-item.is-tablet.facet label {
        background:#ffd200!important;
        text-decoration: none !important;
        color:#1e1e1e!important;
    }

    .elem-filter ul.list-filter li:hover {
        background: url(../images/bg-check-hover.gif) no-repeat 0 center !important;
    }
    .elem-filter ul.list-filter li.is-tablet.not-checked.no-facet:hover label {
        text-decoration: line-through!important;
        background: #fff!important;
    }

    .elem-filter ul.list-filter li.is-tablet.facet.not-checked:hover label {
        text-decoration: line-through !important;
        background: #fff!important;
    }
    .elem-filter ul.list-filter li.facet.is-tablet.not-checked:hover {
        background: url(../images/bg-check.gif) no-repeat 0 center !important;
    }

    .elem-filter ul.list-filter li.is-tablet.no-facet.checked-item:hover {
        background: url(../images/bg-check.gif) no-repeat 0 center !important;
    }

}


@media only screen and (max-width: 1170px) {
    body:not(.small-head) #header h2 {
        margin: 48px 0 26px 0;
    }
    .pub-right {
        margin-left: 0;
        margin-top: 0;
    }
}


@media only screen and (max-width: 1100px) {
    html.dressing .habillage-cote {
        width: 0;
        display: none;
    }

    html.dressing .bg-gradient {
        height: 480px;
    }
}

@media only screen and (width: 1024px) {
    .small-head .bloc-resultat {
        margin: 0 10px 0 4px;
    }

    .small-head #header div.conteneur-input {
        margin-right: 4px;
    }

    .small-head #header div.conteneur-input.bigSearch div.bg-input,
    .form-header-static.bigSearch {
        transform: scale(1.01,1.1);
    }

}


@media only screen and (max-width: 1024px) {
    .link-reinit {
        text-align: center;
    }
    #large-content.clearfix{
        width: auto !important;
    }
    .slide-home {
        float: none;
        height: auto;
        width: 96%;
        padding: 0 0 40px;
    }

    #entete-home article.entete-h {
        padding: 0 1% 0 1%;
    }

    .article-bottom {
        width: 476px;
    }

    .right-bottom .right-txt {
        width: 235px;
        height: auto;
        padding-bottom: 45px;
    }

    .bloc-map {
        background: #fff;
        height: auto;
        min-height: 823px;
        padding: 0;
        position: relative;
    }

    .bloc-map .left-bloc-map ul li {
        line-height: 28px;
        display: inline-block;
        padding: 0 10px 0 0;
    }

    #bloc-map-area {
        height: 603px;
        left: 0;
        position: relative;
        top: 20px;
        margin: 0 auto;
        width: 584px;
        background: url(../images/bg-area-tab.png) no-repeat;
    }

    #header #ex-header li#voir-region {
        float: none;
        display: block;
    }

    .bloc-chiffre-map {
        width: 655px;
    }

    .chiffre-map-1 {
        width: 199px; /*248*/
    }

    .chiffre-map-2 {
        width: 230px; /*306*/
    }

    .chiffre-map-3 {
        width: 226px; /*310*/
    }

    .bloc-chiffre-map strong {
        font-size: 38px;
    }

    .bloc-resultat {
        /* width: 710px; */
        display:block;
    }

    .small-head #header div.conteneur-input,
    .small-head #header div.conteneur-input div.bg-input {
        width: 710px !important;
    }

    .left-geoloc,
    .right-geoloc {
        width: 355px;
    }
    .resultat .figure img{
        width: 282px;
        height: 224px;
    }

    .resultat .figure{
        width: 282px;
    }
    .logo-small-header {
        margin-left: 0;
    }
    .posit-google .criteoad, .down-criteo {
        margin-left: -13px;
        overflow: hidden;
    }
    body#super-user-body .list-pro.center {
        width: 100% !important;
    }

    .info-comp-filter {
        width: 300px;
    }


    html.dressing body {
        max-width: 100%;
    }

    html.dressing #connection #top_container {
        width: 100%;
    }

 /*   body:not(.small-head) #header {
        height: 337px !important;
    }*/
    html.dressing body#super-user-body:not(.small-head) #header {
        height:337px !important;
    }

    body:not(.small-head) #header h2 {
        margin: 25px 0 26px 0;
    }

    body:not(.small-head) #header div.conteneur-input  {
        width: 555px !important;
    }

    body:not(.small-head) #header div .input-search {
        width: 470px !important;
        max-width: 100%;
    }

    body:not(.small-head) #header div.conteneur-input div.bg-input {
        width: 470px !important;
        max-width: 100%;
    }

    .picto-logo-parking {
        top: 12px !important;
    }
    #bloc-filter {
        width: 300px;
    }

    .form-pays, .form-region {
        width: 200%
    }
    .form-pays ul li, .form-region ul li {
        width: 50%;
    }
    .resultat .prop-pro li img {
        /* display: block; */
        width: 224px;
    }

    .prop-pro li a:not(.a-carousel, .a-bonnes-affaires) {
        width: 224px;
    }
    .prop-pro ul {
        width: 720px;
    }

}

@media only screen and (max-width: 1000px) {
    html.dressing .habillage-cote {
        width: 0;
    }

}

@media only screen and (min-width: 991px) and (max-width: 1060px)  {
    .bloc-resultat {
        width: 680px;
    }
    .left-geoloc, .right-geoloc {
        width: 340px;
    }

    .small-head #header div.conteneur-input,
    .small-head #header div.conteneur-input div.bg-input{
        width: 680px !important;
    }

}

@media only screen and (max-width: 990px) {
    #entete-home {
        height: auto;
        background: #fdd400;
    }

    #entete-home article h2 span.nombre span {
        background: none;
        text-indent: 0;
        font-size: 30px;
        width: 23px;
        font-weight: bold;
        display: inline;
        float: none;
        padding: 0 2px;
    }

    #entete-home article h2 span.nombre i {
        font-size: 30px;
        float: none;
        display: inline;
    }

    #entete-home article h2 span.nombre {
        font-size: 30px;
    }

    .slide-home {
        float: none;
        height: auto;
        padding: 7px 0 40px 0;
    }

    #all-cat-link {
        width: calc(100% - 48px);
        font-size: 12px;
    }

    .article-bottom {
        float: none;
        margin: 0 auto;
        width: 504px;
        padding-bottom: 0;
    }

    .bottom-home ul li {
        margin-right: 15px;
    }

    .bottom-home h3 {
        font-size: 19px;
    }

    .cont-fixed span {
        display: none;
    }

    .cont-fixed span.yellow-link-serv {
        display: block;
        font-size: 11px;
    }

    .yellow-link-serv {
        right: 37px;
        height: 30px;
        padding: 0 21px 0 10px;
        width: 188px;
        left: 50%;
        margin-left: -94px;
    }

    #info-header {
        display: none;
    }

    /*---------------------categorie home-------------------------*/
    .view {
        width: auto;
        height: auto;
        overflow: visible;
    }

    .view .mask {
        width: auto;
        height: auto;
        position: relative;
        overflow: visible;
    }

    .view img.img-front {
        display: block;
    }

    .view-tenth .mask {
        background: none;
        transition: none;
        opacity: 1;
    }

    .content-mask {
        transform: none;
        opacity: 1;
        transition: none;
        padding-top: 10px;
    }

    .inso-1 .content-mask {
        background: none;
    }

    .inso-2 .content-mask {
        background: none;
    }

    .inso-3 .content-mask {
        background: none;
    }

    .inso-4 .content-mask {
        background: none;
    }

    .content-mask h4 {
        color: #000;
        padding-top: 0;
    }

    .inso-3 .content-mask h4 {
        padding-top: 0;
    }

    .view-tenth:hover img.img-front {
        transform: none;
        opacity: 1;
    }

    .view-tenth:hover .mask {
        opacity: 1;
    }

    .view-tenth:hover .content-mask {
        transform: none;
        opacity: 1;
        padding-top: 10px;
    }

    .inso-2:hover .content-mask {
        padding-top: 10px;
    }

    /*------------------fin categorie home----------------------*/
    /*-----------PAGE RSULTAT----------*/
    .bloc-list-favorite, .bloc-list-auctions {
        width: 100%;
    }

    .titre-favorites {
        padding-left: 0;
    }

    #btn-view-selection {
        font-size: 13px;
        background: #141414;
        color: #ffd200;
        height: 36px;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        cursor: pointer;
        line-height: 33px;
        top: 0;
        left: 0;
        z-index: 4;
    }

    #btn-view-selection.btn-alerting-on {
        width: 50%;
    }

    #btn-view-selection span {
        background: url(/images/picto-view-selection.png) no-repeat;
        width: 17px;
        height: 19px;
        position: absolute;
        top: 10px;
        left: 8px;
    }

    #btn-mobile-alerting {
        font-size: 13px;
        margin-top: 0;
        height: 36px;
        width: 50%;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        cursor: pointer;
        line-height: 33px;
        top: 0;
        left: 50%;
        z-index: 4;
        border-radius:0;
    }

    #btn-mobile-alerting span {
        padding-right: 0;
        background-position: left center;
        width: 18px;
        height: 18px;
        position: absolute;
        top: 10px;
        left: 8px;
    }

    #btn-view-selection.fixed-affinage, #btn-mobile-alerting.fixed-affinage {
        /*opacity: 1;*/
        /*transition: opacity 0.5s ease-in;*/
    }

    .info-comp-filter {
        margin-bottom: 10px;
        position: relative;
        top: 0;
        width: 100%;
    }

    .open-filter-list .info-comp-filter {
        height: 10px;
    }

    .info-comp-filter.change-position {
        position: relative;
        width: 100%;
        z-index: 1;
    }

    .info-comp-filter .btn-view-alerting {
        display: none;
    }

    #face_links.alerting_version {
        margin-top: 0;
    }

    #face_links {
        margin-bottom: 200px;
        margin-top: 0;
        margin-left:0;
    }

    .elem-filter {
        background: none;
        padding: 30px 25px 15px 30px;
    }

    h2.select-load {
        background: url(/images/select-load-mobile.gif) 100% no-repeat;
    }

    #bloc-filter .fixe-bloc {
        display: none;
    }

    #bloc-filter .service-bloc {
        display: none;
    }

    .fil-ariane{
        padding:0 0 0 0;
        margin-top: -10px;
    }

    #my-filter {
        width: 100%;
    }

    .left-geoloc {
        background: url(/images/separ-geoloc.png) no-repeat right top #141414;
        /*width:380px;*/
        width: 50%;
    }

    .right-geoloc {
        background: #2a2a2a;
        width: 50%;
    }

    .elem-filter h2 {
        margin-bottom: 11px;
    }

    .elem-filter ul.list-filter li {
        margin-bottom: 4px;
        float: left;
        width: auto;
    }

    .elem-filter ul.list-filter li a, .elem-filter ul.list-filter li label {
        font-size: 11px;
        padding: 2px 8px 2px 8px;
    }

    .my-slider {
        margin: 0 auto;
    }

    .inp-new-value input.inp-text-slide {
        font-size: 13px;
        height: 30px;
        line-height: 30px;
        width: 65px;
    }

    .inp-new-value {
        font-size: 13px;
    }

    #face_boxes.face_boxes {
        margin-top: 0;
        float: left;
        padding: 0;
        text-align: left;
    }

    .info-comp-filter.change-position {
        top: 0;
    }

    #content-result {
        position: relative;
        overflow: hidden;
    }

    #bloc-filter {
        display: none;
        width: 100%!important;
        position: absolute;
        top: 0;
        left: 0;
        float: none;
        margin-top: 0 !important;
        z-index: 300;
        padding-bottom: 90px;
        background: #FFF no-repeat 0 0;
        height: auto;
    }

    .coverflow{
        display: none;
    }

    #overflow-ipad {
        display: none;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.5;
        background: #000;
        z-index: 2;
    }

    #nbre-annonce-filte {
        display: none;
        height: 67px;
        line-height: 67px;
        width: 100%;
        background: #ffd200;
        color: #000;
        text-align: center;
        position: fixed;
        bottom: 0;
        left: 0;
        font-size: 16px;
        cursor: pointer;
        z-index: 10000;
    }
    .open-filter-list #nbre-annonce-filte {
        display:block;
    }

    #nbre-annonce-filte em {
        position: absolute;
        top: 16px;
        right: 60px;
        width: 32px;
        height: 32px;
        background: url(../images/gifloader-ipad.gif) no-repeat scroll 0 0;
        display: block
    }

    .info-comp-filter h3 span#loader {
        top: 15px;
        left: 20px;
    }

    #bloc-filter, .habillage-maison #bloc-filter {
        padding-top: 0;
    }

    .habillage-maison #bloc-filter {
        top: 50px;
    }

    .info-comp-filter p, .habillage-maison .info-comp-filter p,  .info-comp-filter h3, .habillage-maison .info-comp-filter h3 {
        display:none;
    }

    .open-filter-list #content {
        width:100%;
        padding:0;
    }

    .open-filter-list .link-reinit {
        max-width: 218px;
        margin-top: 20px;
    }

    .open-filter-list .info-comp-filter {height:10px;}
    .habillage-maison .info-comp-filter {
        top: 0;
    }

    .btn-view-alerting {
        margin-top: 7px;
    }

    .info-comp-filter h3 {
        line-height: 50px;
        padding-left: 30px;
    }

    .info-comp-filter h3 span#hits {
        display: inline-block;
    }

    /*--col droite--*/
    .bloc-resultat {
        float: none;
        padding: 0;
        width: 100%;
    }

    .open-filter-list  .bloc-resultat {
        display: none;
    }
    .li-result .info-comp:not(.premium-no-sponsor), .right-result-bloc {
        width: calc(100% - 300px);
    }
    .resultat .block-info{
        width: calc(100% - 301px);
    }

    .elem-filter ul.list-couleur {
        display: block;
        margin: 0 auto;
        width: 420px;
        float: none;
    }

    .fleche-bottom-filter, .toggle-bottom-filter {
        clear: both;
        width: 25%;
        margin: 0 auto;
        right: 0;
        left: 0;
        bottom: 0;
    }

    .clear-filters, .valid-filters {
        top: 30px;
        right: 25px;
    }

    /*-----service-----*/
    .new-service .list-new-service {
        width: 210px;
    }

    .new-service .slide-Service {
        width: 400px;
        margin: 0 auto;
    }

    .item-slide-service .figure-logo {
        padding: 112px 0 0 0;
        width: 250px;
        position: relative;
        margin: 0 auto;
        text-align: center;
    }

    .item-slide-service .content-service {
        position: relative;
        left: 0;
        padding-top: 10px;
        width: 360px;
        text-align: center;
        margin: 0 auto;
    }

    .item-slide-service .content-service p {
        margin-bottom: 3px;
        line-height: 19px;
    }

    .btn-lead {
        font-size: 10px;
    }

    .partenaire-detail ul li {
        margin: 27px 4px 10px 0;
    }

    .partenaire-detail ul li:nth-child(even) {
        float: right;
    }

    .entete-h-center-r {
        display: none;
    }

    #entete-home article.entete-h {
        width: 31%;
        text-align: center;
    }

    #entete-home article.entete-h p {
        display: none;
    }

    .resultat .figure img{
        width: 300px;
    }

    .resultat .figure{
        width: 300px;
    }
    .elem-filter ul.list-filter li.checked-item.facet:hover label{
        color: #1e1e1e;
        background: #ffd200;
        text-decoration:none;
    }
    .elem-filter ul.list-filter li:hover, .elem-filter ul.list-filter li.checked-item.facet:hover {
        background: url(../images/bg-check-hover.gif) no-repeat 0 center;
    }
    .elem-filter ul.list-filter li.not-checked.no-facet label{
        color: #1e1e1e;
        background: #fff;
        text-decoration:none;
    }
    .elem-filter ul.list-filter li.not-checked.no-facet {
        background: url(../images/bg-check.gif) no-repeat 0 center;
    }
    #bloc-filter {
        height: auto!important;
        z-index: 99;
        padding-bottom:10px;
    }
    .open-filter-list #bloc-filter {
        display: block;
        padding-bottom: 70px;
    }
    .posit-google .criteoad, .down-criteo {
        margin-left: 0;
        overflow: inherit;
    }
    .inp-new-value .btn-ok-slide2,
    .inp-new-value .btn-ok-slide,
    .inp-new-value .btn-ok-slide-all {
        top: 27px;
        right: 22px;
        z-index: 10;
    }
    .small-head #header h2 {
        width: 100% !important;
        margin: 30px 0 15px 0;
    }
    h2.select-load {
        background: url(/images/select-load-mobile.gif) 100% no-repeat;
    }
    .valid-filters {
        top: 27px;
        right: 22px;
    }
    .form-pays, .form-region {
        -moz-box-shadow: 0 9px 11px 3px #656565;
        -webkit-box-shadow: 0 9px 11px 3px #656565;
        -o-box-shadow: 0 9px 11px 3px #656565;
        box-shadow: 0 9px 11px 3px #656565;
    }
    .small-head #header div.conteneur-input.sticky-input-search div.bg-input {
        width: 88% !important;
        margin:0 auto;
        left:0;
        right:0;
        top:36px !important;
    }

    .grafic {
        position: static;
        width: auto !important;
        display: inline-block;
    }
    #id_couleur .clear-filters {
        position: absolute;
        right: 20px;
        top: 25px;
    }
    .elem-filter {
        text-align: center;
    }




    html.dressing .picto-logo-parking {
        top: 244px;
    }

    html.dressing #smart-header {
        top: 220px;
    }

    html.dressing .ayads-m.sublime-landscape #smart-header {
        top: 0 !important;
    }

    body#super-user-body #smart-header {
        top: 0 !important;
    }

    .picto-logo-parking {
        background-size: 73px !important;
        top: 10px !important;
    }

    /*------------HOME----------*/
    body:not(.small-head) #header h1 {
        background-size: 200px !important;
        height: 60px;
    }
    #large-content.clearfix {
        width: auto !important;
    }
    #id_couleur .valid-filters {
    }


    #paginations_top {
        display: none;
    }
    .pagin-top .form-tri {
        float: left;
        width: auto;
        max-width: 50%;
    }
    .pagin-top .info-comp-filter {
        float: right;
        width: auto;
        text-align: right;
    }
    .pagin-top .info-comp-filter h3 {
        display: inline-block;
        background: transparent;
        padding: 0 0 0 25px;
        position: relative !important;
        opacity: 1 !important;
    }
    .info-comp-filter.change-position h3 {
        padding: 0;
        margin-left: 0;
        top: 0;
    }
    .pagin-top .bloc-hits {
        padding: 0;
        height: 33px;
        background: transparent;
    }
    .pagin-top .info-comp-filter {
        top: 0;
        margin-bottom: 0;
        height: 33px;
    }
    .pagin-top #hits strong {
        height: 30px;
    }
    .info-comp-filter h3 span#loader {
        left:0;
        right: auto;
        top: 8px;
    }

    .clear-filters {
        background: #fff url(../images/croix-mobile.png) no-repeat center center;
        background-size: 12px;
        width: 24px;
        height: 24px;
        top: 25px;
        right: 20px;
    }

    .valid-filters,
    .elem-filter .btn-ok-slide,
    .elem-filter .btn-ok-slide-all {
        padding: 6px 5px;
        font-size: 14px;
        right: 20px;
        top: 25px;
        line-height: 1;
        width: auto;
        height: auto;
    }

    .elem-filter .btn-ok-slide,
    .elem-filter .btn-ok-slide-all {
        right: 20px;
        top: 23px;
    }

    /* header*/
    .picto-logo-parking a {
        width: 80px;
        height: auto;
    }

    #header .header-center {
        padding-top: 30px;
        width: 100%;
    }

    .wrap-boxes {
        margin-top: 0;
    }

    .small-head #header div.conteneur-input,
    .small-head #header div.conteneur-input div.bg-input {
        width: 100% !important;
    }

    .small-head.detail-annonce #header div.conteneur-input {
       padding: 0;
    }




    /* header top listing max 990px */

    #info-header {
        display: none;
    }

    .posit-btn-mobile-top #change-position-mobile {
        height: 36px;
    }

    .small-head .posit-btn-mobile-top div.conteneur-input.sticky-input-search {
        display: block;
        width: 50%;
        float: left;
    }

    .small-head #change-position-mobile div.conteneur-input.sticky-input-search div.bg-input,
    .small-head #change-position-mobile div.conteneur-input.sticky-input-search.bigSearch div.bg-input{
        width: 100% !important;
        margin: auto;
        left: auto;
        right: 0;
        top: 0 !important;
        height: 36px;
    }

    .small-head #change-position-mobile div.conteneur-input.sticky-input-search div.bg-input{
        overflow: hidden;
        line-height: 50px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        padding-left: 10px;
        padding-right: 50px;
        background: #fff;
        box-sizing: border-box;
    }

    .small-head #change-position-mobile div.conteneur-input.sticky-input-search.bigSearch,
    .small-head #change-position-mobile div.conteneur-input.sticky-input-search.bigSearch div.bg-input{
        transform: none;
        position: relative;
        z-index: 9999;
    }


    .small-head #change-position-mobile div.conteneur-input.sticky-input-search.bigSearch .myinput-search {
       padding-left: 0;
    }

    .small-head #header {
        padding-top: 30px;
    }

    .small-head #change-position-mobile {
        height: 37px !important;
        overflow: hidden;
        border-bottom: 1px solid #141414;
    }

    #change-position-mobile div.sticky-input-search .input-search {
        height: 36px;
        line-height: 36px;
        position: relative;
        float: left;
        padding-left: 0;
        max-width: 100%;
        min-width: 100px;
    }

    #change-position-mobile div.sticky-input-search .input-search span{
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }
    #change-position-mobile div.sticky-input-search .input-search input{
        margin: 10px 0 10px 0;
        height: 17px;
        line-height: 17px;
        font-size: 15px;
        font-weight: 400;
        background: none;
        border: none;
        width: 100%;
        transform: none;
    }

    .small-head #change-position-mobile .logo-small-header {
        top: 41px;
    }


    .small-head #btn-view-selection.fixed-affinage,
    .small-head #btn-mobile-alerting.fixed-affinage {
        top: 0;
        border-bottom: 1px solid #ffd200;
        z-index: 8000;
    }

    .small-head #change-position-mobile .logo-small-header {
        background-size: 25px;
        width: 25px;
        height: 25px;
        left: 5px;
    }

    .small-head .change-position .loadHeadSmall {
        top: 0;
        margin-left: 0;
        width: 36px;
        height: auto;
    }

    .small-head .sticky-input-search .btn-del-search {
        background-position: 10px -3px !important;
        background-size: 130px !important;
        height: 36px;
    }

    .small-head .sticky-input-search .btn-del-search.inload {
        background-position: center 6px !important;
        background-size: 16px !important;
    }


    #count-result {
        display: block;
        color: #fff;
    }

    #change-position-mobile {
        left: 0 !important;
        width: 100% !important;
        position: fixed;
        top: 36px;
        height: 36px;
        box-sizing: border-box;
        background: rgb(20, 20, 20);
        z-index: 8000;
    }
    #change-position-mobile #count-result {
        display: block;
        width: 50%;
        text-align: center;
        text-transform: lowercase;
        line-height: 1;
        float: left;
        opacity: 1;
    }

    #count-result .hits {
       display: inline-block;
       padding-top: 5px;
    }

    #change-position-mobile .center {
        width: 100%;
        padding: 0;
    }

    #count-result .third {
        margin-right: 3px;
    }
    #count-result .third:last-child {
        margin-right: 0;
    }

    #change-position-mobile div.conteneur-input div .add-item p {
        float: left;
        cursor: pointer;
        border: 1px solid #ccc;
        padding: 3px 25px 3px 10px;
        display: inline-block;
        background: url(/images/croix.png) 95% 8px no-repeat;
        margin-right: 3px;
        font-size: 10px;
        line-height: 15px;
        color: #000;
        margin-top: 7px;
    }

    .posit-btn-mobile-top .btn-view-alerting {
        display: block;
    }

    .logo-load .loadHeadSmall {
        margin-left: 0;
        top: 0;
        width: 36px;
    }





    /* big search on mobile*/

    .small-head .posit-btn-mobile-top div.conteneur-input.sticky-input-search {
        -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
        transition: width 0.5s;
        right: 0;
        position: absolute;
    }

    .small-head #change-position-mobile div.conteneur-input.sticky-input-search div.bg-input{
        right: 0;
    }

    .small-head #change-position-mobile div.conteneur-input.sticky-input-search.bigSearch {
        width: 100%;
        z-index: 9999;
        position: absolute;
        right: 0;
        -webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
        transition: width 0.5s;
    }

    .small-head #change-position-mobile div.conteneur-input.sticky-input-search.bigSearch .myinput-search {
        right: 0;
    }

    .changeSearch .logo-small-header {
        z-index: -1;
    }

    /* end big search on mobile*/
}
@media only screen and (max-width: 890px) {
    .resultat .info li {
        font-size: 10px;
    }
    #large-content { width: auto !important; }

}

@media only screen and (max-width: 768px) {
    html.dressing body:not(.small-head) #header {
        height: auto !important;
    }

    html.dressing .picto-logo-parking {
        top: 226px;
    }

    #entete-home article.entete-h {
        width: 33%;
        padding: 0;
    }

    .slide-home {
        padding: 0 0 40px;
    }

    #my-filter .locate-direction {
        width: 47%;
        font-size: 13px;
    }

    #my-filter .bloc-localisation {
        margin-top: 7px;
    }

    #rayon-localisation strong {
        font-size: 13px
    }

    #my-filter .locate-slider {
        display: flex;
        justify-content: center;
        width: 50%;
    }

    #my-filter .col-pays .btn-pays, #my-filter .col-pays .btn-region {
        font-size: 11px;
    }
    .resultat .external.btn-plus{
        display: none;
    }
    #lists #list-results{
        display: none;
    }
    #lists #resultats.resultat.hidden{
        display: block;
        visibility: visible;
    }

    #my-filter {
        float: left;
    }
    #p-step-1 .intro {
        background-position: 0 -70px;
    }
}

@media only screen and (max-width: 690px) {
    .resultat .figure .image-count {
        gap: 0.25rem;
        justify-content: flex-end;
        width: 20%;
    }
    
    .resultat .figure .image-count img {
        width: 50%;
    }
    .premium-bloc section .block-title-list-vp{
        padding: 55px 0 0 0;
        margin-left: -103px;
    }
    .clearfix .premium-no-sponsor {
        height: 212px;
    }

    html.dressing body:not(.small-head) #header {
        height: 345px !important;
    }

    html.dressing .wrap-boxes {
        margin: 0 auto;
    }

    .picto-logo-parking {
        background-size: 99px;
    }

    body:not(.small-head) #header {
        height: 345px !important;
    }

    body:not(.small-head) #header div.conteneur-input,
    body:not(.small-head) #header div .input-search {
        width: 100% !important;
    }

    body:not(.small-head) #header div.conteneur-input div.bg-input {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 400px;
    }

    #header div.conteneur-input div.bg-input {
        padding-left: 15px;
        padding-right:50px;
    }

    .btn-del-search {
        margin-right: 0px;
        background-size: 120px;
        margin-top: 5px;
        height: 30px;
    }

    .btn-del-search.inload {
        background-position: 10px 12px !important;
    }
    .small-head .sticky-input-search .btn-del-search {
        background-position: 8px -4px !important;
    }


    #my-filter .locate-direction, #rayon-localisation strong {
        font-size: 10px;
    }

    #my-filter .col-pays .btn-pays, #my-filter .col-pays .btn-region {
        font-size: 8px;
    }
    .left-result-bloc {
        height: 177px;
        width: 235px;
    }
    .resultat .figure img{
        height: 177px;
        width: 235px;
        margin-left: calc((100% - 235px) / 2);
    }
    .resultat .figure {
        height: 177px;
        width: 100%;
        overflow: hidden;
    }

    .figure .link-ad li a,.figure .link-ad li a:hover{
        height: 28px;
        width: 29px;
        background-size: 86px;
    }
    .masquer-signaler a:link, .masquer-signaler a:visited{
        background-size: 29px !important;
    }
    .link-ad li span{
        width: 30px;
    }
    .link-ad .link-alert a {
        background-position:  -2px -221px;
    }
    .link-ad .link-del-image a{
        background-position: -1px -387px;
    }
    .link-ad .link-del-ad a{
        background-size: 29px !important;
    }
    .link-ad .link-alert a:hover{
        background-position: -2px -262px;
    }
    .link-ad .link-del-image a:hover{
        background-size: 29px !important;
    }
    .link-ad .link-del-ad a:hover{
        background-size: 29px !important;
    }
    .link-ad .link-signal a, .link-list .link-signal a{
        background-position:  -1px -470px;
    }
    .link-ad li:hover span{
        height: 30px;
    }
    .li-result .info-comp:not(.premium-no-sponsor), .right-result-bloc {
        width: calc(100% - 235px);
    }
    .resultat .block-info {
        width: calc(100% - 1px);
    }
    .resultat .desc {
        top: 98px;
        /* margin-left: 7px; */
        font-size: 10px;
        /* height: 15px; */
        /* width: calc(50% - 20px); */
    }

    /*
    .price-block-small-screen{
        margin-left: 7px;
    }
     */

    .seller {
        top: 7px;
        left: 7px;
    }
    .li-result section .block-title-list {
        /* padding: 7px 0 7px 7px; */
    }
    .premium-bloc section .block-title-list {
        padding:25px 0 7px 0;
    }


/*
    .sponsor {
        position: absolute;
        margin: 7px 0 0 0;
        padding: 1px 13px;
        right: 7px;
    }
 */
    .li-result section h2 span.title-block.brand, .premium-bloc section h2{
        font-size: 16px;
        padding-bottom: 0;
        line-height: 16px;
    }
  .li-result section h2 .model {
        font-size: 14px;
    }
    .li-result section h2 .upper {
        font-size: 14px;
    }
    .li-result .info-comp .premium-lead .prix {
        padding-top: 0;
        color: black;
        float: right;
        font-size: 18px;
        line-height: 20px;
        margin-top: 40px;
    }
    .premium-lead .visual {
        padding-top: 0;

    }
    .premium-lead .visualsansprix{
        padding-top: 0;
        margin-right: 0;
    }
    .premium-lead .visual img{
        width: 100px;
        max-height: 40px;
    }
    .premium-lead .visualsansprix img{
        width: 150px;
    }

    .li-result .info-comp  .prixremise{
        margin-top: 5px;
        margin-right: 5px;
        transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        -khtml-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        color: rgb(3, 2, 1);
        display:block;
        vertical-align:middle;
        background: #ffd200;
        border-radius: 24px/12px;
        font-size: 18px;
        font-weight: bold;
        width: 40px;
        height: 25px;
        line-height:1.4em;
        text-align: center;
        float: right;
    }
    .li-result .info-comp .premium-lead .prixvo {
        padding-top: 0;
        color: #ffd200;
        float: right;
        font-size: 18px;
        margin-top: 10px;
        text-align: right;
        line-height: 20px;
    }
    .alerting-masked-announce .b-bulle {
        max-width: 200px;
        top: 12px;
        left: 100px;
    }
    .sample-holder .right-blc{
        padding-top: 4px;
    }

    .resultat .prop-pro li img {
        width: 90%;
        height: auto;
        margin-left: auto;
    }
    .prop-pro li a {
        width: 95%;
    }
    .prop-pro li .figure {
        width: 95%;
    }
    .prop-pro li .link-new-model {
        /*text-align: center;
        width: 95%;
        margin: 5px auto 0 10px;*/
    }

    .li-result section.sample-holder h2 span.title-block.brand {
        font-size: 14px;
    }

    .li-result section h2 span.title-block.sub-title {
        font-size: 13px;
        padding-right: 5px;
    }
    .premium-bloc section .block-title-list .brand{
        padding-bottom: 23px;
    }
    .premium-bloc section .block-title-list .model{
        margin-top: -23px;
    }
    .premium-bloc section .block-title-list span {
        padding-top: 0;
    }
    .price-block:not(.sponsor-price) {
        /* right: 7px;
        top: 5px;

         */
    }
    .li-result .info-comp .prix, .li-result .info-comp .cote .cote-val{
        font-size: 18px;
        line-height: 18px;
    }
    .price-block.sponsor-price {
        margin-top: 0;
    }
    .li-result .info-comp .cote,
    .price-block:not(.sponsor-price) .cote.full-price {
        margin-top: 7px;
    }
    .price-block:not(.sponsor-price) .cote {
        margin-top: 14px;
    }
    .li-result .info-comp .cote img{
        height:10px;
    }
    .lead-links {
        top: 124px;
        margin-left: 7px;
    }
    .btn-lead {
        padding: 0 10px 0 0;
        font-size: 10px;
        line-height: 10px;
    }
    .detail-descri .btn-lead.btn-imp {
        margin: -2px 0 6px 17px;
        padding: 4px 8px 2px 2px;
    }

    .resultat .btn-fav a, .resultat .item-new-favoris .btn-fav a  {
        width: 50px;
        height: 50px;
        background-size: 78px;
    }
    .resultat .btn-fav a:not(.no-lead){
        background-position: -1px -15px;
        top: -2px;
    }
    .resultat .item-new-favoris .btn-fav a{
        background-position: -1px -76px;
    }
    .link-ad .link-signal a:hover, .link-list .link-signal a:hover{
        background-position: -1px -509px;
    }

    .popin-alerting {
        width: 100%;
    }
    .popin-signal {
        width: 100%;
    }

    #paginations_top{
        visibility: hidden;
    }

    p #select-all {
        padding-left: 0;
        display: block;
        padding-top: 10px;
    }
    p #select-all.hidden {
        display: none;
    }


    .picto-logo-parking a {
        width: 40px;
    }

    html .picto-logo-parking {
        margin-top: -40px;
    }

    body:not(.small-head) #header h1 {
        background-size: 150px !important;
        height: 45px;
    }
    #header h1 a {
        height: 45px;
    }
    .alerting-masked-announce .animal {
        width: 80px;
        height: 90px;
        background-size: 50px;
        left: 10px;
    }
}

@media only screen and (max-width: 630px) {
    #mobile-bot {
        display: block;
    }

    .desktop-only {
        display: none;
    }

    .mobile-alert {
        display: block;
    }

    #p-step-1 ul {
        width: 100%;
        float: none;
    }

    .table-listing {
        display: none !important;
    }

    #cto_async_1 iframe {
        height: 100px;
    }

    #step-1-error {
        margin-bottom: 20px;
        text-align: center;
    }
    #p-step-1 .text {
        width: 96%;
    }

    #p-step-1 .text {
        float: none
    }

    #p-step-1 .valid {
        width: 36%;
        float: none;
        margin: 0 auto;
        text-align: center;
        display: block;
        margin-top: 10px;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
    }

    .tableau-offre .table-corp .col {
        font-size: 11px;
    }

    .b-step-5 .left {
        width: 100%;
        height: auto;
    }

    .fleche-step-5 {
        display: none;
    }

    .o-step-5 {
        width: 100%;
        padding: 45px 0 30px;
        background: url(../images/star-step5.png) no-repeat center 20px;
    }

    .list {
        position: relative;
        top: 10px;
        left: 10px;
        text-align: center;
        padding-bottom: 35px;
        max-width: 70vw;
    }

    .list li {
        display: inline;
        padding-left: 11px;
        padding-right: 9px;
    }

    .b-step-5 .right {
        height: auto
    }


    .my-table-alert table th {
        font-size: 13px;
        padding-bottom: 10px;
    }

    .my-table-alert table td {
        font-size: 12px;
    }
    .btn-publication::before{
        display: none;
    }

    .bottom-th .min {
        font-size: 10px;
    }

    #alerting_tab {
        /*	display:none;	*/
    }

    #p-step-1 #alerting-loader {
        right: 99px;
        margin-top: -34px;
    }

    .close-alert {
        background: url(../images/close-alert.png) no-repeat scroll center center;
        top: 0;
        right: 0;
        width: 42px;
        height: 42px;
    }

    .tableau-offre .table-validation .col {
        padding: 0;
    }

    .table-validation .valid {
        font-size: 9px;
    }

    .table-validation .valid.spec-valid span {
        font-size: 10px;
    }

    .table-validation .valid.spec-valid,
    .table-validation .valid {
        height: 55px;
        padding-top: 0;
    }

    .elem-filter ul.list-filter li {
        /*float: none;*/
        width: auto;
    }

    .elem-filter h2 span {
        display: none;
    }

    .li-result .info-comp:not(.premium-no-sponsor), .right-result-bloc {
        width: 60%;
    }
    .left-result-bloc {
        width: 40%;
    }
    .btn-lead.btn-credit{
        display: none;
    }

    .pagin-top {
        height: auto;
    }

    div.form-filter, div.form-tri {
        width: 49%;
        margin-right: 0;
    }

    div.form-filter label, div.form-tri label {
        float: left;
    }
    #favorites div.form-filter label, div.form-tri label {
        line-height: 26px;
    }

    div.form-filter .cust-select, div.form-tri .cust-select {
        width: 100%;
        float: left;
    }

    div.form-filter .cust-select select, div.form-tri .cust-select select {
        width: 100%;
    }

    div.form-filter .cust-select .filter-select, div.form-tri .cust-select .filter-select {
        width: calc(100% - 11px);
    }

    div.form-filter .cust-select .fl, div.form-tri .cust-select .fl {
        right: 0;
    }

    .desktop-label {
        display: none;
    }

    .mobile-label {
        display: inline;
    }

    div.home-tri {
        width: 100% !important;
    }

    div.home-tri .cust-select {
        width: 33% !important;
        margin-right: 0 !important;
    }
    h2.select-load {
        background: url(/images/select-load-mobile.gif) 100% no-repeat;
        width: 100%;
    }

    div.form-tri label {
        display: none;
    }
    .info-comp-filter.change-position h3 {position:relative;}

    .pagin-top div.home-tri {
        width: 110px !important;
    }
    .pagin-top div.home-tri .cust-select {
        width: 108px !important;
    }

    .pagin-top  .form-tri .cust-select .filter-select {
        font-size: 10px;
    }


}


@media only screen and (max-width: 570px) {
    .pagin-top div.home-tri .cust-select {
        width: 98% !important;
        text-align: left;
    }
    .pagin-top .info-comp-filter h3 {
        float: right;
        width: auto;
        box-sizing: border-box;
    }
    .info-comp-filter h3 span#hits {
        display: block;
    }
    .pagin-top div.home-tri {
        width: 95px !important;
    }

    body:not(.small-head) #header div.conteneur-input div.bg-input {
        min-width: 300px;
    }
    .small-head .sticky-input-search .btn-del-search {
        background-position: 8px -7px !important;
    }
    .small-head .sticky-input-search .btn-del-search.inload {
        background-position: center 5px !important;
    }
    #p-step-1 .intro {
        background-position: -7px -72px;
        background-size: 90px;
    }
    #p-step-1 div.frequency-selection div.button-cont button.selected::before {
        left: 6px;
    }
    .block-title-list-vp > a > h2{
        margin-left: 255px !important;
    }
    .li-result.premium-bloc .info-comp ul li:has(.premium-detail) {
        display: none;
    }
}

@media only screen and (max-width: 528px) {
    html.dressing body.ayads-m {
        margin-top: 0;
    }

    .li-result .info-comp:not(.premium-no-sponsor), .right-result-bloc {
        width: 55%;
    }
    .left-result-bloc {
        width: 45%;
    }
}


@media only screen and (max-width: 500px) {
    .btn-publication{background:none; padding-left:0;}
    #p-step-1 .intro {
        padding-left: 85px;
        margin-bottom:5px;
        background-position: -7px -82px;
        background-size: 80px;
    }
    .popin-alerting #p-step-1 div.frequency-selection div.button-cont button.selected {
        background-position: 12px;
    }
    #p-step-1 {
        padding: 20px 22px 0 22px;
    }

    body:not(.small-head) #header div.conteneur-input div.bg-input {
        width: 96% !important;
    }

    #id_couleur .valid-filters {
        margin-left: calc(100% - 70px);
    }

    #cto_async_1 iframe {
        height: 100px;
    }

    html.dressing body:not(.small-head) #header {
       /* height: 271px !important;*/
        height: auto !important;
        overflow:hidden;
    }

    body:not(.small-head) #header {
        height: auto !important;
        overflow:hidden;
        padding: 0;
    }

    #header h1 {
        background-size: 212px !important;
        background-position: 0 0 !important;
        top: 8px;
    }

    body:not(.small-head) #header h1 {
        top: 8px;
        background-size: 150px !important;
        left:0;
        right:0;
        margin:0 auto;
        position: static;
        height: 90px;
        background-position: center !important;
        width: auto;
    }

    #header h2.text-header {
        font-size: 13px;
        font-weight: 600;
        width: auto;
        margin: 25px auto 0 !important;
    }

    html body:not(.small-head) #header h2 {
        margin: 5px auto 15px !important;
    }

    .header-inner {
        width: 100%;
        padding: 0 10px 20px;
    }

    #header .header-center {
        padding-top: 0;
    }

    #header h1 a {
        height: 90px;
    }

    body:not(.small-head) #header .header-inner {
        padding: 15px 3%;
        background: #000103;
        border-bottom: 6px solid #ffd514;
    }

    body:not(.small-head) #header .header-center {
        padding: 0 !important;
    }

    html body:not(.small-head) #header .wrap-boxes h2 {
        color: #030303;
        text-shadow: none;
    }



    #all-cat-link {
        width: 100%;
        text-align: center;
        margin-bottom: 0;
        font-size: 14px;
        padding-bottom: 10px;
    }

    #entete-home {
        display: none;
    }

    .article-bottom {
        width: 100%;
        padding-left: 0;
    }

    .bottom-home h3 {
        font-size: 13px;
        text-align: center;
        width: 100%
    }

    .bottom-home ul li {
        margin: 0 auto 20px auto;
        width: 218px;
        float: none;
    }

    .right-bottom .left-img {
        float: none;
        width: 218px;
        margin: 0 auto 20px auto;
    }

    .right-bottom .right-txt {
        float: none;
        width: 218px;
        margin: 0 auto 20px auto;
    }

    .bottom-home .insolite-social ul li {
        float: right;
        width: auto;
    }

    .bloc-other-site ul li a {
        font-size: 11px;
    }

    #bottom-info {
        width: 80%;
    }

    .content-footer h4 {
        font-size: 13px;

    }

    .col-footer-list ul li a {
        font-size: 11px;
    }

    .right-bottom .right-txt a.link-insolite {
        background-position: left 5px;
    }

    .barre-bottom {
        width: 100%;
    }


    /*--geoloc--*/
    #my-filter {
        height: auto;
    }

    #my-filter .locate-direction {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 50%;
        border: none;
    }

    #my-filter .col-pays {
        padding: 15px 5px 0 5px;
    }

    #geolocate_result, #geolocate_result input {
        width: calc(100% - 30px);
        padding: 0 10px;
    }

    #my-filter .locate-direction, #rayon-localisation strong {
        font-size: 13px;
    }
    #my-filter .locate-slider {
        padding: 16px 0 0;
    }

    .bold-result .titre-form-pays {
        text-align: center;
    }

    p #select-all {
        display: flex;
        justify-content: flex-start;
        padding-top: 10px;
        padding-left: 0;
    }
    .left-geoloc {
        width: 100% !important;
        padding: 0;
        float: none;
        background: #000;
        height: 75px;
    }

    .right-geoloc {
        width: 100%;
        float: none;
        height: 63px;
    }

    .bloc-resultat.full-size .left-geoloc,
    .bloc-resultat.full-size .right-geoloc{
        width: 100%;
    }

    .country.valid-filters, .country.clear-filters {
        margin-left: calc(100% - 76px);
    }

    .pagin-top {
        height: auto;
    }

    .pagin-top .label-desk {
        display: none;
    }


    div.home-tri {
        float: left;
    }

    div.home-tri .cust-select {
        width: 50% !important;
    }

    div.home-tri div.filter-selection {
        width: 49%;
        float: right;
        margin: 0;
        margin-left: 0 !important;
        padding: 0;
        display: block;
        border: none;
    }

    div.home-tri div.filter-alerting {
        display: none;
    }

    .form-pays, .form-region {
        width: 100%;
    }

    /*--bloc resultat--*/

    .btn-maj {
        display: none;
    }

    .sponsor {
        font-size: 8px;
        padding: 0 9px;
    }
    .li-result section h2 span.title-block.sub-title {
        font-size: 11px;
    }

    .li-result:not(.premium-bloc) section h2,.li-result section h2 span.sub-title {
        line-height: 12px;
    }
    .li-result .info-comp .prix, .li-result .info-comp .cote .cote-val{
        font-size: 14px;
        line-height: 14px;
    }
    .li-result .info-comp .prix, .padd-bloc .prix {
        font-size: 16px;
    }
    .li-result .padd-bloc .old-prix,
    .li-result .padd-bloc .prix,
    .li-result .padd-bloc .cote {
        text-align: left;
    }
    .premium-bloc .info-comp .prix{
        text-align: right;
        padding-top: 31px;
        font-size: 20px;
    }
    .li-result .info-comp .old-prix em{
        font-size: 9px;
    }
    .li-result .info-comp .old-prix del{
        font-size: 10px;
        background: url(/images/prix-barre.png) 0 -2px no-repeat;
    }
    .li-result .info-comp del span {
        background-position:0 -4px;
    }
    .premium-lead .visual img {
        padding-top: 0;
        width: 100px;
    }
    .premium-bloc .premium-lead {
        padding-right: 4px;
    }

    .premium-lead .visual {
        right: 4px;
        top: 2px;
    }

    .li-result .info-comp .cote, .price-block:not(.sponsor-price) .cote.full-price {
        margin-top: 1px;
    }
    .price-block {
        left: calc(50% + 7px);
    }
    .price-block:not(.sponsor-price) {
        /* top: 50px !important; */
    }
    .sponsor-price {
        top: 60px !important;
    }
    .li-result .info-comp:not(.premium-no-sponsor){
        width: 50%;
    }
    .left-result-bloc {
        width: 50%;
    }
    .lead-links .btn-lead a, .btn-publication, .resultat .location {
        font-size: 9px;
        line-height: normal;
    }
    .resultat .location img{
        height: 9px;
    }
    .resultat .info li {
        font-size: 8px;
    }
    /*.loc-date {
        width: 45%;
    }*/
    .resultat .info li {
        font-size: 8px;
    }
    .lead-links .btn-lead a {
        background-position: 0px -157px;
        background-size: 92px;
    }
    .lead-links .btn-lead.btn-imp a {
        background-position: 1.5px -188px;
    }
    .lead-links .btn-lead.btn-sell a {
        background-position: 0 -172px;
    }
    .btn-lead {
        padding: 0 3px 0 0;
    }

    .link-opm-result {
        float: right;
        margin: 3px 0 20px 0;
    }
    .link-opm-result a {
        background: none;
        padding-right: 0;
    }
    /*--favorites--*/
    .favorites-right {
        display: none;
    }

    .bloc-list-favorite, .bloc-list-auctions {
        float: none;
        width: 100%;
    }

    .titre-favorites, .titre-auctions {
        font-size: 30px;
        padding-left: 0;
        float: none;
        margin-bottom: 0;
        text-align: center;
    }

    #favorites {
        padding-top: 0;
    }

    .link-favorites {
        float: none;
    }

    .cont-fixed {
        display: none;
    }

    .bloc-chiffre-map,
    #bloc-map-area {
        display: none;
    }

    .bloc-map .left-bloc-map {
        padding: 41px 0;
    }

    .map-content h2 {
        font-size: 17px;
        line-height: 22px;
        padding: 0 20px;
    }

    .popin-signal {
        width: 100%;
        overflow: hidden;
    }

    .popin-signal form {
        padding: 28px 28px 39px 28px;
    }

    .popin-signal h5 {
        font-size: 14px;
        padding-bottom: 24px;
        border-bottom: 1px solid #dedede;
    }

    .popin-signal h6 {
        margin-top: 33px;
        font-size: 16px;
        margin-bottom: 17px;
        clear: both;
    }

    .popin-signal .left {
        float: none;
        width: 263px;
        padding-right: 0;
    }

    .popin-signal .entreprise {
        width: 100%;
    }

    .popin-signal .right {
        float: none;
        width: 263px;
    }

    .popin-signal .right input {
        width: 179px;
    }

    .popin-signal .entreprise input {
        width: 183px;
    }

    .popin-signal .inp-area textarea {
        width: 260px;
        height: 118px;
        border: 1px solid #d2d2d2;
        padding: 4px 0 0 6px;
    }

    .close-signal {
        top: 25px;
        right: 25px;
    }

    .partenaire-detail ul li:nth-child(even) {
        float: none;
    }

    .elem-filter ul.list-couleur {
        display: inline; 
    }

    .info-comp-filter h3 {
        line-height: 20px;
        padding-left: 0;
        padding-top: 7px;
    }

    .link-reinit {
        text-align: center;
        margin:0 auto 10px auto;
    }

    .habillage-maison .link-reinit {
        margin-top: 24px;
    }
    .barre-bottom li {
        float: right !important;
        width: 50%;
    }

    .barre-bottom ul li.d-s-p, .barre-bottom ul li.d-s-p {
        display: block;
        float: left;
    }

    .onMobile {
        display: block !important;
    }

    .onDesktop {
        display: none !important;
    }

    .head-logo {
        position: relative;
        top: -42px;
        text-align: center;
        margin: 0 auto;
        left: -10px;
        width: 150px;
        margin-bottom: -30px;
    }
    .open-filter-list .info-comp-filter {
        height: 1px;
        margin-bottom:9px;
    }
    html.dressing body {
        width: 100%;
        background-image: none!important;
        margin-top: 140px; 
    }
    html.dressing #smart-header {
        top: 140px;
    }
    .posit-google .criteoad, .down-criteo {
        overflow: hidden;
    }
    .clearthin, .bloc-resultat {
        background: #fff;
    }
    .form-pays ul li, .form-region ul li {
        width: 100%;
    }

    #large-content.center .form-credit-auto p{
        margin: 20px 0 0 auto;
        height: 2700px;
    }

    html.dressing .wrap-container {
        margin-top: 140px;
    }

    html.dressing .ayads-m #header .header-center {
        padding-top: 0 !important;
    }

    html.dressing .ayads-m.sublime-portrait .wrap-container {
       margin-top: 0;
    }

    html.dressing .ayads-m.sublime-portrait #header .header-center {
        padding-top: 0 !important;
    }


    .small-head #header div.conteneur-input div.bg-input {
        width: 100% !important;
        max-width: 100%;
    }

    #super-user-body.small-head #header div.conteneur-input div.bg-input {
        margin-top: 20px;
    }

    #header .wrap-boxes h2 em {
        font-size: 14px;
        line-height: 16px;
    }

}


@media only screen and (max-width: 480px) {
    .li-result.premium-bloc .info-comp ul li:has(.premium-detail){
        display: block;
        padding-bottom: 5px;
    }
    .li-result.premium-bloc .info-comp .premium-detail svg{
        width: auto;
        margin-bottom: 0;
    }
    .block-title-list-vp > a > h2{
        margin-left: 304px !important;
    }
    .small-head.listing #filters-action-btns{
        display: flex;
    }
    .btn-migrer {
        height: auto;
        margin: 10px auto;
        padding: 20px 0;
    }

    .my-titre {
        width: auto;
        height: auto;
        color: #fff;
        background: #1e1e1e;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 10px 10px 10px 10px;
        position: absolute;
        top: -80px;
        left: 20px;
        line-height: 23px;
        letter-spacing: 1px;
        right: 20px;
    }

    #mobile-bot {
        width: 100%;
        height: 140px;
        background-color: #ececec;
    }

    #mobile-bot .valid-offre {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 auto;

    }

    svg {
        width: 100%;
        margin-bottom: 30px;
    }

    #mobile-boder-bot {
        width: 100%;
        height: 0;
        padding-left: 100%;
        padding-top: 10%;
        overflow: hidden;
    }

    #mobile-boder-bot:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-left: -500px;
        margin-top: -500px;

        border-left: 500px solid transparent;
        border-right: 500px solid transparent;
        border-top: 500px solid #4679BD;
    }

    .list {
        left: 10vw;;
    }

    .list li {
        display: inherit;
        padding: 0;
        padding-left: 10vw;
        text-align: left;
        font-size: 19px;
        line-height: 19px;

    }

    #p-step-4 h5:first-child {
        margin-bottom: 20px
    }

    .my-table-alert, .table-validation {
        display: none;
    }

    #p-step-3 p {
        padding-left: 0;
        padding-top: 80px;
        background-position: center top;
    }

    .tableau-offre .col {
        float: none;
        width: 200px;
        margin: 20px auto;
        text-align: center;
        height: auto;
        padding: 18px;
    }

    .price-mobile .col button {
        font-size: 18px;
        line-height: 18px;
        outline: 0;
        background: none;
        border: 0;
    }

    .price-mobile .col-4 button {
        color: white;
    }

    .tableau-offre .table-corp .col {
        font-size: 9px;
    }

    .tableau-offre .table-top .col {
        font-size: 13px;
    }

    .tableau-offre .table-top .col .prix-offre span {
        font-size: 8px;
    }

    .table-validation .valid {
        font-size: 10px;
    }

    .tableau-offre .table-validation .col a {
        font-size: 10px;
    }

    .link-opm-result a.mobile-margin {
        margin-bottom: 30px;
    }

    #my-alerting .pres-alert .y-alerting h5 {
        left: 30px;
        right: 30px;
        top: -30px;
        line-height: 24px
    }

    #my-alerting .pres-alert .right-pres {
        width: auto;
        margin-left: auto
    }

    .left-pres img {
        margin: 0 auto;
        max-width: 80vw
    }

    .padd-alerting-offre {
        display: none;
    }

    .price-mobile {
        display: block;
    }

    .price-mobile .price-title {
        font: 25px "Roboto", "trebuchet MS";
        color: black;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        text-align: center;
        font-weight: normal;
        padding-top: 60px;
        padding-bottom: 30px;
        margin-bottom: 5px;
    }

    .price-mobile .price-title.td-2 {
        background: #ececec url(../images/star-table-1.png) center 24px no-repeat;
    }

    .price-mobile .price-title.td-3 {
        background: #ffda2f url(../images/star-table-2.png) center 24px no-repeat;
    }

    .price-mobile .price-title.td-4 {
        background: #333 url(../images/star-table-3.png) center 24px no-repeat;
    }

    .price-mobile .price-title b {
        font-size: 25px;
    }

    .price-mobile .price-title div:last-child {
        font-size: 20px;
        text-transform: none;
        letter-spacing: initial;
    }

    .price-mobile > div > div:not(:first-child) > div {
        height: 60px;
        text-align: center;
        padding-top: 10px;
        font-size: 20px;
        line-height: 25px;
    }

    .price-mobile > div > a {
        display: block;
        margin: 20px auto;
        text-align: center;
        font-size: 18px;
        text-decoration: underline;
    }

    .price-mobile .selected {
        background: url(../images/selected-col-b.png) center center no-repeat;
        height: 20px;
    }

    .price-mobile > .premimum-price-title .price-title {
        color: #ffc22f;
    }

    .price-mobile > .premimum-price-title .selected {
        background: url(../images/selected-col-w.png) center center no-repeat;
    }
    #nbre-annonce-filte {
        height: 56px;
        line-height: 56px;
        font-size: 13px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .open-filter-list #bloc-filter {
        padding-top: 55px;
        padding-bottom: 0;
    }
    #nbre-annonce-filte.bvs-fixed {
        position: fixed;
        top: 0;
    }
    h2.select-load {
        background: url(/images/select-load-mobile.gif) 100% no-repeat;
    }

    body:not(.small-head) #header div.conteneur-input div.bg-input,
    body.small-head #header div.conteneur-input div.bg-input {
        min-width: 250px;
    }


    body.small-head #header div.conteneur-input.sticky-input-search div.bg-input {
        min-width: 100px;
    }

    #header .wrap-boxes h2 em {
        font-size: 14px;
    }



}

@media only screen and (max-width: 430px){
    .premium-bloc .block-info .info .upper{
        margin-top: 6px;
    }
    .li-result .info-comp .premium-lead .prix{
        display: none;
    }
    .premium-bloc section .block-title-list-vp{
        padding: 45px 0 0 0;
        margin-left: -108px;
    }
    .li-result .info-comp .premium-lead .prix{
        margin-top: 125px;
    }
    .resultat .premium-bloc .block-info{
        padding: 4px 5px;
        width: 100% !important;
    }
    .premium-lead .visual img{
        width: 160px;
        max-height: 50px;
    }
    .premium-bloc .info li{
        font-size: 14px;
    }
    .li-result .info-comp .premium-lead .prix{
        font-size: 17px;
    }
    .premium-bloc .padd-bloc{
       background: #7275EF; 
    }
    .li-result.premium-bloc .info-comp .premium-detail{
        background: #FF9500;
    }
    .premium-header, .premium-bloc .brand, .li-result .info-comp .premium-lead .prix, .premium-bloc .info .upper{
        color: white;
    }
    .premium-bloc .brand{
        font-size: 15px;
        padding-bottom: 5px;
        word-wrap: break-word;
        word-break: break-all;
        line-height: 18px;
    }
    .premium-bloc .info-comp .mobile.prix,
    .premium-bloc .info-comp .mobile.prixvo,
    .premium-bloc .info-comp .mobile.prixremise{
        display: block;
        color: white;
        font-size: 17px;
        padding-top: 10px;
        text-align: left;
    }
    .resultat .premium-detail span{
        color: #656190;
    }
    .resultat .premium-detail{
        font-size: 12px !important;
    }
    .premium-bloc .info li > div:not(.premium-detail){
        border-left: 1px solid #FF9500 !important;
    }
}
@media only screen and (max-width: 410px) {
    .block-title-list-vp .premium-header .upper, .li-result section h2 .model{
        font-size: 10px;
    }
    .block-title-list-vp > a > h2{
        margin-left: 300px !important;
    }
}
@media only screen and (max-width: 400px) {
    .li-result.premium-bloc .info-comp ul li:has(.premium-detail){
        padding-bottom: 11px;
    }
    .premium-bloc .block-title-list-vp .upper{
        text-wrap: nowrap;
    }
    .li-result.premium-bloc .info-comp .premium-detail .text{
        padding: 0 7px;
    }
    .premium-bloc section .block-title-list-vp{
        margin-left: -116px;
    }
    .li-result .info-comp .premium-lead .prix{
        margin-top: 114px;
    }
    .block-title-list-vp .premium-header .model{
        font-size: 10px;
    }
    .clearfix .premium-no-sponsor {
        height: 182px;
    }

    .resultat .figure img{
        height: 156px;
        width: 207px;
        margin-left: calc((100% - 207px) / 2);
    }
    .li-result section h2 span.title-block.sub-title {
        font-size: 9px;
    }
    .lead-links {
        top: 117px;
    }
    .resultat .info li {
        height: 21px;
        line-height: 15px;
    }
    .li-result .info-comp .btn-plus {
        height: 18px;
        line-height: 15px;
        font-size: 9px;
    }
    .btn-publication {
        padding: 0 6px 0 0;
    }

    .left-result-bloc {
        height: 154px;
    }
    /*
        .loc-date {
        bottom: 42px;
    }
     */

    .resultat .figure {
        height: 154px;
    }

    .pub-map  {
        width: 100%!important;
        margin: 30px auto!important;
        overflow:hidden!important;
        padding:0 !important;
    }

    .pub-map iframe, .map-pro {
        overflow:hidden !important;
        margin: 0 auto;
    }
    #large-content.center {overflow:hidden;}
    .overlay {
        right: 0;
    }
    .article-bottom.right-bottom {
        padding-right: 0;
    }
 
    html.dressing body {
        width: 100%;
    }
    body:not(.small-head) #header div.conteneur-input div.bg-input {
        width: 95% !important;
    }
    .detail-descri .btn-lead.btn-imp {
        margin: -2px 0 6px 17px;
        padding: 2px 8px 2px 2px;
        display: inline-block;
    }
    .detail-descri .btn-lead.btn-imp a {
        display:inline-block;
    }
    .detail-descri .btn-lead {
        padding: 0 0 4px 17px;
    }
    .popin-alerting #p-step-1 div.frequency-selection div.button-cont button.selected {
        background-position: 3px;
        background-size: 11px;
    }
    .clear-filters, .valid-filters {
        margin-left: calc(100% - 40px);
    }

    .pagin-top div.home-tri {
        width: 85px !important;
    }
    #hits strong.third {
        margin-right: 3px;
    }
    #hits strong {
        width: 20px;
    }
    #hits strong.third {
        margin-right: 3px;
    }
    .pagin-top .info-comp-filter h3 {
        padding-left: 20px;
    }

    .small-head #header h2.text-header {
        font-size: 12px;
    }

    html body:not(.small-head) #header h2 {
        font-size: 11px;
    }

    .small-head #header div.conteneur-input div.bg-input {
        max-width: 100%;
    }

    #header .wrap-boxes h2 em {
        font-size: 12px;
    }
    #p-step-1 .intro::before{
        left: -3px;
    }
    #p-step-1 div.frequency-selection div.button-cont button.selected::before {
        left: 2px;
    }

    .alerting-masked-announce .b-bulle {
        max-width: 155px;
        left: 90px;
    }

    .alerting-masked-announce .close-popin {
        right: 10px;
    }

}
@media only screen and (max-width: 377px) {
    .premium-bloc section .block-title-list-vp{
        margin-left: -129px;
    }
    .li-result.premium-bloc .info-comp .premium-detail{
        display: none;
    }
    .block-title-list-vp > a > h2{
        margin-left: 304px !important;
    }
}
@media only screen and (max-width: 361px) {
    .premium-bloc section .block-title-list-vp{
        margin-left: -137px;
    }
}
@media only screen and (max-width: 281px) {
    .resultat .figure .image-count{
        width: 25%;
    }
    .premium-lead .visual img{
        width: 115px;
    }
    .li-result .info-comp .premium-lead .prix{
        margin-top: 66px;
    }
    .premium-bloc section .block-title-list-vp{
        margin-left: -174px;
    }
}


/* Page Insolites */
.page-insolite {
    position: relative;
    width: auto;
    max-width: 1004px;
    margin: auto;
    background: #f6f6f6;
}

.page-insolite * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

.page-insolite .insolite-intro figcaption {
    margin: -115px 0 60px 0;
}

.page-insolite .insolite-legend {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 0 0 -50px;
    width: 490px;
    background: #fff;
    padding: 30px 0 27px 50px;
}

.page-insolite .insolite-legend:before {
    content: '';
    position: absolute;
    left: -3px;
    top: 50%;
    margin-top: -45px;
    width: 5px;
    height: 90px;
    background: #ffd200;
}

.page-insolite .insolite-legend h1 {
    font: bold 17px "Roboto", "trebuchet MS";
    color: #ffd200;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.page-insolite .insolite-legend h2 {
    font: bold 36px 'Roboto', 'trebuchet MS';
    color: #1e1e1e;
}

.page-insolite .insolite-legend p {
    font: 16px/18px 'Roboto', 'trebuchet MS';
    color: #2b2b2b;
}

.page-insolite .insolite-share {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 0 0 33.366534%; /* 335 ÷ 1004 */
    width: 228px;
    padding: 18px 0 0 0;
    height: 73px;
    background: #ffd200;
}

.page-insolite .insolite-share a {
    display: inline-block;
    vertical-align: middle;
    width: 38px;
    height: 38px;
}

.page-insolite .insolite-share a#insolite-fb {
    background: url('/images/insolites/social-fb.png') no-repeat center;
    margin: 0 0 0 45px;
}

.page-insolite .insolite-share a#insolite-tw {
    background: url('/images/insolites/social-tw.png') no-repeat center;
    margin: 0 12px;
}

.page-insolite .insolite-share a#insolite-g {
    background: url('/images/insolites/social-g.png') no-repeat center;
}

.page-insolite .insolite-pub {
    display: inline-block;
    vertical-align: middle;
    margin: 0 50px 0 60px;
    width: 350px;
    height: 250px;
}

.page-insolite .insolite-txt-content {
    width: 50.996016%; /* 512 ÷ 1004 */
    display: inline-block;
    vertical-align: middle;
    font: 16px/24px 'Roboto', 'trebuchet MS';
    color: #1e1e1e;
}

.page-insolite .insolite-txt-content p {
    margin: 0 0 10px 0;
}

.page-insolite .insolite-txt-content a {
    color: #ffd200;
    font-weight: bold;
}

.page-insolite .insolite-visuel {
    margin: 70px 50px;
}

.page-insolite .insolite-visuel img {
    margin-left: 257px;
    display: block;
}

.page-insolite .insolite-visuel figcaption {
    position: relative;
    background: #ffd200;
    width: 475px;
    padding: 45px 60px 40px;
    margin: -99px 0 0 0;
    color: #1e1e1e;
    font: 16px/24px "Roboto", "trebuchet MS";
}

.page-insolite .insolite-annonces .insolite-legend {
    width: 380px;
    padding-right: 50px;
}

.page-insolite .insolite-annonces .insolite-legend:before {
    height: 42px;
    margin-top: -21px;
}

.page-insolite .insolite-annonces .insolite-legend h3 {
    font: bold 21px "Open Sans", "Arial";
    color: #1e1e1e;
    text-transform: uppercase;
}

.page-insolite .insolite-annonces .insolite-legend h3 span {
    color: #ffd200;
}

.page-insolite .insolite-annonces ul {
    background: #1b1b1b;
    list-style: none;
    padding: 50px 55px;
    margin: -15px 0 0 0;
}

.page-insolite .insolite-annonces li {
    display: inline-block;
    margin: 0 70px 0 0;
    max-width: 170px;
}

.page-insolite .insolite-annonces li:last-child {
    margin-right: 0;
}

.page-insolite .insolite-annonces li a {
    position: relative;
    display: block;
    text-decoration: none;
}

.page-insolite .insolite-annonces li h1 {
    font: 600 16px "Open Sans";
    color: #ffd200;
    text-transform: uppercase;
    width: 110%;
}

.page-insolite .insolite-annonces li p {
    color: #fff;
    font: 14px/18px "Roboto", "trebuchet MS";
}

.page-insolite .insolite-annonces li a img {
    display: block;
    margin: 13px 0 0 0;
}

.page-insolite .insolite-annonces .btn-jaune {
    float: right;
    margin: 20px 56px 50px 0;
    text-decoration: none;
    padding: 16px 25px 16px 62px;
    font: bold 16px "Roboto", "trebuchet MS";
    position: relative;
    z-index: 2;
    background: #ffd200 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAJCAQAAABtNk9zAAAAVElEQVQoz2OQZiACSiLzGIjS8lm6RZqHNC3/gfCZdIY0E0SLIBHwPxSekjYAaXlHBPwPh7+lG4l3GASellYlRct76WJpNuK9/026U1qElBCbhBwzAEjKR46oX7Q+AAAAAElFTkSuQmCC) no-repeat 25px center;
    color: #1b1b1b;
}

.page-insolite .insolite-annonces li a:after {
    content: '';
    background: #000;
    width: 100%;
    position: absolute;
    top: 71px;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    opacity: 0;
    -moz-transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.page-insolite .insolite-annonces li a:hover:after {
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.bottomad .adsbygoogle {
    display: block !important;
    margin: auto !important;
    vertical-align: center !important;
}

.map_canvas_container {
    position: relative;
}

.map_canvas {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.bottomad iframe {
    text-align: center !important;
    margin: 0 auto !important;
    display: block !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

#large-content {
    background: none !important;
    margin: auto;
}
#large-content.center{
    width: 1100px;
    background: #f6f6f6 !important;
    max-width: 100%;
}

#large-content.clearfix{
    width: 1100px;
    max-width: 100%;
}

/************** leads 11/10/21 **************/

.container-top{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.lead-credit{
    color: #1bbc9c;
}

.lead-credit:hover{
    color: black;
}

.lead-credit-price{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.lead-round{
    border-radius: 15px;
    border-color: red;
    border: solid #1bbc9c;
    border-width: 2px 2px;
    display: flex;
    justify-content: center;
    padding: 2px 5px 2px 5px;
}

.credit-prix{
    font-size: 15px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
}


.btn-lead btn-credit{
    background: #0a6aac;
}
.whole-bloc-info{
    margin-top: 20px;
}


.leads-info-bloc{
    /*margin-top: 20px;*/
    display: flex;
    justify-content: center;
    flex-grow: 1;
}

.leads-info-bloc-item {
    width: available;
    flex-basis:auto;
    flex-grow: 1; /* default 0 */
    flex-shrink: 1;
    display: flex;
    justify-content: center;
}

.leads-info-bloc-item{
    /*font-size:14px;*/
    padding-top: 3px;
    background:#000;
    color:#fff;
    /*display:inline-block;*/
    /*margin-top:11px;*/
}

.leads-info-bloc-item:hover{
    background: #000;
    color: #ffd200;
}

.btn-import-detail{
    color: white;
    background: red;
}

.btn-amv-detail{
    background: #00993C ;
    color: white;
}

.btn-insure-detail{
    background: #ffd200 ;
    color: black;
}

.btn-sell-detail{
  /*  background: #1bbc9c;*/
    background: #0d4f78;
}

.vendeur-pro{
    color: white;
}

@media only screen and (max-width: 990px) {
    .left-detail, .right-detail {
        border-bottom: 1px solid #141414;
    }
    .lead-ou{
        visibility: visible;
        margin-top: 20px;
    }
    .leads-info-bloc-item{
        font-size: 11px;
    }
}


.btn-lead.btn-sell {
    display: flex;
    justify-content: right;
    padding-bottom: 20px;
}

.btn-lead.btn-imp {
    display: flex;
    justify-content: right;
}

/* 14/10/21 bloc info détail*/

.line-info-bloc{
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.info-bloc-item{
    display: flex;
    flex-direction: column;
}

.vl{
    border-left: 1px solid #ffd200;
    width: 1px;
    height: 20px;
}

/* 19/10/21 ads page de liste */

.leads-info{
    display: flex;
    flex-direction: column;
}

.lead-fleche{
    /*background: black;*/
    width  : 0;
    height : 0;
    border-top    : 12.5px solid transparent;
    border-bottom : 12.5px solid transparent;
    border-left   : 25px solid red;
}

.info-lead-lead{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    height: 21px;
}

.realPrix-credit-line{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.lead-credit-smallScreen{
    justify-content: flex-end;
    font-size: x-small;
    display: none;
}
.small-credit{
    justify-content: flex-start;
    font-size: x-small;
    color: #1bbc9c;
}


@media only screen and (max-width: 500px){
    .lead-credit:not(.page-detail){
        display: none;
    }
    .lead-credit-smallScreen{
        display: flex;
        justify-content: flex-start;
    }
    .old-prix-txt{
        display: none;
    }
}

.top-bloc{
    display: flex;
    flex-direction: row;
}

.container-right-bloc{
    display: flex;
    flex-direction: column;
}

.title-n-price {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.three-dots{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.price-block-small-screen{
    display:none;
}

.right-bloc-detail:not(.premium-no-sponsor){
    overflow: auto;
    padding: 17px 17px 17px 17px;

    height: 100%;
    margin-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.right-result-bloc{
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 500px) {
    .price-block-small-screen {
        display: flex;
        flex-direction: column;
    }

    .price-block *:not(.sponsor){
        display: none;
    }
    .right-result-bloc:not(.premium-no-sponsor){
        width: 50%;
    }
}

@media screen and (min-width: 500px) and (max-width: 690px) {
    .sponsor-price {
        top: 45px;
    }
    .premium-bloc .brand, .premium-bloc .model, .premium-bloc .upper{
        padding-left: 3rem;
    }
}

@media screen and (min-width: 690px) {
    .sponsor-price {
        top: 20px;
    }

    .smallScreen{
        display: none;
    }
    .bigScreen{
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 690px) {
    .btn-fav {
        bottom: -2px !important;
    }

    .right-bloc-detail{
        padding: 7px 7px 7px 7px;
    }

    .smallScreen{
        display: flex;
        flex-direction: column;
    }
    .bigScreen{
        display: none;
    }
}

/* Fuse Ads styles */
#fuse-home-header-ad{
    margin: 0 auto 3.5rem;
}
#fuse-list-header-ad{
    margin: 1.5rem auto;
}
#fuse-home-header-ad,
#fuse-list-header-ad{
    height: 90px;
}
#fuse-home-lhs-ad,
#fuse-home-rhs-ad{
    z-index: 50;
    position: absolute;
}
#fuse-home-lhs-ad{
    left: 0;
}
#fuse-home-rhs-ad{
    right: 0;
}
#fuse-list-lhs-ad,
#fuse-list-rhs-ad{
    top: 100px;
    position: sticky;
    max-height: 600px;
}
#fuse-filters-1-ad{
    height: 50px;
    margin: auto;
    overflow: hidden;
}
.content-container{
    display: flex;
}
.side-ad-container{
    margin-top: 169px;
    width: 300px;
}
.rhs-ad{
    order: 1;
    display: flex;
    justify-content: flex-end;
}
.lhs-ad{
    display: flex;
    justify-content: flex-start;
}
.incontent-ad{
    max-height: 250px;
    min-height: 90px;
    margin: auto;
    overflow: hidden;
}
@media screen and  (max-width: 1700px) {
    .side-ad-container{
        width: 160px;
    }
}
@media screen and  (max-width: 1440px) {
    .side-ad-container{
        width: 120px;
    }
}
@media screen and  (max-width: 1340px) {
    .side-ad-container{
        display: none;
    }
}
/* End Fuse Ads styles */
