#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;
}




/*---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 0;
    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{
    float:left;
    margin-right:5px;
    background:#f9f8f8;
}

.prop-pro li a{
    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;
}
.prop-pro li .f_sugtitre span{
    font-size:12px;
    font-weight:normal;
}
.link-new-model{
    background: url(/images/puce-fleche-detail.png) no-repeat scroll 95% 11px #ffd200;
    font-size: 12px;
    font-weight: bold;
    padding: 7px 0 5px 10px;
    text-transform: uppercase;
    width:194px;
    margin:12px auto 0 auto;
}
a:hover .link-new-model{
    background:#000 url(/images/puce-fleche-detail.png) no-repeat 95% -81px;
    color:#ffd200;
}
/*--------*/
/*---#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;
}


/*---#habillage---*/
html.dressing #dress-animate {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    opacity: 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;
    background-image: none;
    background-color: #fff;
    /*background-attachment: scroll !important;*/
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 220px;
    max-width: 1100px !important;
}

html.dressing #connection {
    margin-top: 220px;
    background: none;
    top: 0;
}

html.dressing #connection #top_container {
    width: 1100px;
    margin: 0 auto;
}

html.dressing .picto-logo-parking {
    top: 230px;
    /*background-size: 90px;*/
    opacity: 1 !important;
}

html.dressing body:not(.small-head) #header {
    height: 370px !important;
}

html.dressing #home {
    padding: 35px 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.dressing body:not(.small-head) #header h2 {
    margin: 25px 0 26px 0;
}

html.dressing body:not(.small-head) #header div.conteneur-input,
html.dressing body:not(.small-head) #header div .input-search {
    width: 570px;
}

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;
    width: 100%;
    z-index: 14;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

html.dressing .habillage-cote {
    height: 1469px;
    width: calc(calc(100% - 1100px)/2);
    position: absolute;
    top: 0;
}

html.dressing .habillage-left {
    left: 0;
}

html.dressing .habillage-right {
    right: 0;
}

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;
}

/*---#habillage---*/

#adLeaveDiv {
    z-index: 100;
}

.mobile-alert {
    display: none;
}

#content {
    margin: 0 auto;
    display: none;
}

/*---------------------------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/inso-social.png) -22px 0 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: 315px;
}
.coverflow {
    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;
    opacity: 0;
    transition: opacity 0.5s ease-out;
}

.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/chiffre-resultats.png) no-repeat 0 0;
    color: #fff;
    width: 23px;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    height: 31px;
    text-indent: -5000px;
}
/* #hits em{
    background: url(../images/bg-chiffre-compt.png) repeat 0 -16px;
    height: 2px;
    width: 23px;
    position: absolute;
    top: 17px;
    left: 0;
    opacity: 0.5;
} */

#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;
    background: url(../images/bg-fav-cloche.png) no-repeat;
    background-position: right center;
}

#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: 'Proxima', 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/btn-moins-plus.png) center center 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;
    margin-left: -30px;
    font-size: 11px;
    bottom: -15px;
    width: 100%
}*/

.toggle-bottom-filter {
    position: absolute;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    /* margin-left: -30px; */
    font-size: 11px;
    /* bottom: -25px; */
    bottom: -6px;
    width: auto;
    z-index: 9999;
    /* margin: 3px auto; */
    margin: 0 auto;
    right: 0;
    left: 0;
    margin: 0 10px;
    height: 20px;
    line-height: 20px;
    padding:10px 0;
}

.elem-filter ul.list-filter li {
    background: url(../images/bg-check.gif) no-repeat 0 center;
    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/bg-check.gif) no-repeat 0 center;
}
.elem-filter ul.list-filter li.checked-item.facet,
.elem-filter ul.list-filter li:hover {
    background:url(../images/bg-check-hover.gif) no-repeat 0 center;
}
.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/bg-check-hover.gif) no-repeat 0 center;
    cursor: not-allowed;
}

/*.elem-filter ul.list-filter li.checked-item {
    background: url(../images/bg-check-hover.gif) no-repeat 0 center;
}*/

.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;
}

.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/nc.png);
}

.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;
}

.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;
}

/* -.4em*/
/*.5em*/
.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 {
    padding: 0;
    margin-bottom: 20px;
    background: #fff;
    position: relative;
    z-index: 3;
    overflow: hidden;
}

.li-result section .block-title-list {
    float: left;
    padding: 17px 0 13px 17px;
}

.li-result section h2 {
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: bold;
}
  .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: 17px;
}
.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 {
    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;
}

.loc-date{
    width: 70%;
    position: absolute;
    bottom: 63px;
    margin-left: 17px;
}
.corp-link, .corp-link:hover{
    cursor: default;
    color: #1e1e1e;
}
.btn-publication {
    background-image: url(/images/picto-bt-publi-new.png);
    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;
}

.btn-publication, .resultat .location{
    font-size: 12px;
}

.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/chevron-white.gif) 2px 3px no-repeat;
}

.btn-lead.btn-sell a,
.btn-lead.btn-import a{
    background: url(../images/chevron-orange.gif) 2px 3px no-repeat;
    color: #fc5300;
}
.btn-lead.btn-insure a,
.btn-lead.btn-credit a{
    background: url(../images/chevron-green.gif) 2px 3px 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{
    float: left;
    height: 224px;
    width: 300px;
    position: relative
}

.resultat .figure a {
    display: block;
    height: 224px;
    position: relative;
}

.resultat .figure img {
    width: 300px;
}

.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{
    display: none;
}
.hover-alert, .hover-signal, .hover-delete-image, .hover-delete-ad{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: url(../images/bg-link.png) repeat;
}
.hover-alert span, .hover-signal span, .hover-delete-image span, .hover-delete-ad 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: url(../images/bg-hover-fav.png) repeat;
    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/star-fav-selected.png) 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/bt-fav-resultat.png) no-repeat;
    width: 68px;
    height: 68px;
    display: block;
    text-indent: -5000px;
}
.resultat .item-new-favoris .btn-fav a {
    background: url(/images/bt-fav-resultat-selected.png) 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/link-alert.png) no-repeat;
}
.link-ad .link-signal a, .link-list .link-signal a{
    background: url(../images/link-signal.png) no-repeat;
}
.link-ad .link-del-ad a{
    background: url(../images/link-del-ad.png) no-repeat;
}
.link-ad .link-del-image a{
    background: url(../images/link-del-image.png) no-repeat;
}
.link-ad .link-alert a:hover{
    background: url(../images/link-alert-selected.png) no-repeat;
}
.link-ad .link-signal a:hover, .link-list .link-signal a:hover{
    background: url(../images/link-signal-selected.png) no-repeat;
}
.link-ad .link-del-ad 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 .link-signal{
    position: relative;
}
.link-list .link-signal 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 .link-signal:hover span{
    height: 40px;
    transition: height 150ms ease-in-out 0s;
}

.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;
    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: 10px;
}

.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: 'Proxima', sans-serif;
}

.resultat .content-annonce {
    float: left;
    width: 562px;
}

.resultat .titre-annonce {
    margin-bottom: 10px;
}

.price-block {
    position: absolute;
    right: 17px;
    top: 17px;
}
.price-block.sponsor-price {
    margin-top: 33px;
}
.resultat .desc{
    position: absolute;
    top: 117px;
    margin-left: 17px;
    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: 19px;
}
.resultat .info{
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
}
.resultat .info li {
    height: 30px;
    line-height: 20px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding: 3px 0 3px 0;
}
.resultat .info li div{
    padding: 0 9px;
    border-left: 1px solid #ffd200;
    margin-top: 5px;
}
.resultat .info li:first-child div{
    border-left: none;
}
span.upper, div.upper {
    text-transform: uppercase;
}

.li-result .info .flag {
    vertical-align: middle;
    padding-right: 3px;
    margin-top: -2px;
}

.li-result .info-comp {
    width: 60%;
    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 {
    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 .info-comp .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;
}
.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/prix-barre.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 .info-comp 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 {
    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: 73px;
    right: 34px;
}

.premium-bloc .padd-bloc {
    background: #a3abb2;
    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: 60px 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;
}
.li-result .info-comp .premium-lead .prix{
    margin-top: 100px;
     color: #ffd200;
    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: #ffd200;
    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;
}
.premium-lead .visualsansprix{
    float: right;
    padding-top: 20px;
    margin-right: 20px;
}
.premium-lead .visualsansprix img{
    width: 164px;
}
.premium-lead .visual img{
    width: 164px;
}
.li-result.premium-bloc .info-comp .premium-detail{
    background: #ffd200;
}

.li-result .info-comp .btn-plus:hover{
    background: #ffda2b;
}

.li-result.premium-bloc .info-comp .btn-plus{
    position: relative;
    margin: 0;
    bottom: 0;
    right: 0;
}
.premium-bloc .bc-info{
    width: calc(100% + 3px);
}
#favorites {
    background: #fff;
    color: #272727;
    margin: 0 auto;
    padding-top: 53px;
    padding-bottom: 53px;
}

.bloc-list-favorite {
    /*float:left;*/
    margin: 0 auto;
    padding: 20px 0 0;
    width: 757px;
}

.titre-favorites {
    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: 'Proxima', 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: 53px;
    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 url(../images/star-table-1.png) center 24px no-repeat;
}

.my-table-alert .col-3-t {
    width: 23%;
    background: #ffda2f url(../images/star-table-2.png) center 24px no-repeat;
}

.my-table-alert .col-4-t {
    width: 23%;
    background: #1e1e1e url(../images/star-table-3.png) center 24px no-repeat;
    color: #ffc22f;
}

.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 url(../images/selected-col-b.png) center center no-repeat;
}
.my-table-alert .impaire .td-3.selected {
    background: #ffe25a url(../images/selected-col-b.png) center center no-repeat;
}

.my-table-alert .td-3.selected {
    background: #ffda2f url(../images/selected-col-b.png) center center no-repeat;
}

.my-table-alert .impaire .td-4.selected {
    background: #272727 url(../images/selected-col-w.png) center center no-repeat;
}

.my-table-alert .td-4.selected {
    background: #1e1e1e url(../images/selected-col-w.png) center center no-repeat;
}

.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.hits {
    /*display:inline;*/
    /*normann*/
    /*  display: block; */
}
#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;
}
.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/croix.png) center center no-repeat;
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 18px;
    right: 11px;
    z-index: 5;
}

.country.clear-filters {
    /*margin-top: -44px;*/
    /*margin-left: 90%;*/
    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;
}

.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/btn-next-pagin.png) center center 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/btn-next-pagin-bl.png) center center 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: 15;
}

.notification {
    text-align: center;
    padding: 25px 0;
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    background: #ffd200;
    color: #000;
}

/*------------------------------*/
/*
.lol div.conteneur-input{
	width:796px;
	margin:0 auto;
}
.lol div.conteneur-input div.bg-input{
	width:733px;
	height:40px;
	line-height:40px;
	padding-left:10px;
	background: red;
	position:relative;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.lol div .input-search{
	position:relative;
	width:723;
	height:29px;
	float:left;
}
.lol div .input-search input{
	position:absolute;
	top:0;
	left:0;
	height:40px;
	line-height:40px;
	padding:0px 0 0 6px;
	font-size:19px;background:#fff;
	border:none;
	width:717px;
}
.lol div.conteneur-input div .add-item{
	padding:0 0 0 0;
}
.lol div.conteneur-input div .add-item p{
	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;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}*/
.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{
    background:url(/images/puce-fleche-detail.png) right 4px no-repeat;
    padding-right:12px;
    color:#313131;
}
.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/edit.png) left top 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: 'Proxima', 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 img {
    vertical-align: middle;
    padding-right: 9px;
}

.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 {
    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: Proxima, 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: 100%;
    left: 0 !important;
    top: 0 !important;
}*/

.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 {
    background: url(../images/picto-intro-alert.gif) left center no-repeat;
    padding-left: 100px;
    margin-bottom: 16px;
    height: auto;
}

#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: 'Proxima', "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 url(../images/picto-opt-alert-selected.png) no-repeat 1rem center;
    font-weight: bold;
}

#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/picto-opt-alert.png) left center 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/picto-opt-alert-selected.png) left center no-repeat;
}

#p-step-1 ul li span.radius {
    display: none;
}

.close-alert {
    background: url(../images/new-close-alert.png) 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 {
    margin-top: 0;
}

/*----------step 3-----------*/
#p-step-3 {
    padding: 40px 45px 67px 45px;
    font-size: 14px;
}

#p-step-3 p {
    background: url(../images/picto-step3.png) left top no-repeat;
    padding-left: 80px;
}

#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;
    background: url(../images/star-step5.png) center 65px no-repeat;
}

.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: 'Proxima', 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: 'Proxima', 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;
}

.bloc-map {
    background: #fff url(../images/map-home.gif) center 28px no-repeat;
    position: relative;
    height: 730px;
    padding: 0 0 71px 0;
}

.bloc-map .left-bloc-map {
    padding-top: 81px;
}

.bloc-map .left-bloc-map h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 17px;
}

.left-bloc-map ul,
.bloc-map .left-bloc-map h3 {
    padding-left: 15px;
}

.bloc-map .left-bloc-map ul li {
    line-height: 28px;
}

.bloc-map .left-bloc-map ul li a {
    font-size: 13px;
    text-transform: uppercase;
    color: #9d9d9d;
    font-weight: normal
}

.bloc-map .left-bloc-map ul li a:hover,
.bloc-map .left-bloc-map ul li a.hover {
    text-decoration: underline;
    color: #ffd200;
}

#bloc-map-area {
    width: 584px;
    height: 603px;
    top: 105px;
    left: 366px;
    position: absolute;
}

#bloc-map-area span {
    width: 584px;
    height: 603px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(../images/map-area-hover-1.png) right 100000px no-repeat;
}

#my-map {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 584px;
    height: 603px;
}

#bloc-map-area em {
    background: url(../images/map-area-frontiere.png) no-repeat;
    position: absolute;
    top: 0;
    left: -1px;
    z-index: 2;
    width: 584px;
    height: 603px;
}

#bloc-map-area span.spanarea-1 {
    background-position: 0 0;
    background: url(../images/map-area-hover-1.png) 0 0 no-repeat;
}

#bloc-map-area span.spanarea-2 {
    background-position: 0 -603px;
    background: url(../images/map-area-hover-1.png) 0 -603px no-repeat;
}

#bloc-map-area span.spanarea-3 {
    background-position: 0 -1206px;
    background: url(../images/map-area-hover-1.png) 0 -1206px no-repeat;
}

#bloc-map-area span.spanarea-4 {
    background-position: 0 -1809px;
    background: url(../images/map-area-hover-1.png) 0 -1809px no-repeat;
}

#bloc-map-area span.spanarea-5 {
    background-position: 0 -2412px;
    background: url(../images/map-area-hover-1.png) 0 -2412px no-repeat;
}

#bloc-map-area span.spanarea-6 {
    background-position: 0 -3015px;
    background: url(../images/map-area-hover-1.png) 0 -3015px no-repeat;
}

#bloc-map-area span.spanarea-7 {
    background-position: 0 -3618px;
    background: url(../images/map-area-hover-1.png) 0 -3618px no-repeat;
}

#bloc-map-area span.spanarea-8 {
    background-position: 0 -4221px;
    background: url(../images/map-area-hover-1.png) 0 -4221px no-repeat;
}

#bloc-map-area span.spanarea-9 {
    background-position: 0 -4824px;
    background: url(../images/map-area-hover-1.png) 0 -4824px no-repeat;
}

#bloc-map-area span.spanarea-10 {
    background-position: 0 -5427px;
    background: url(../images/map-area-hover-1.png) 0 -5427px no-repeat;
}

#bloc-map-area span.spanarea-11 {
    background-position: 0 -6030px;
    background: url(../images/map-area-hover-1.png) 0 -6030px no-repeat;
}

#bloc-map-area span.spanarea-12 {
    background-position: 0 -6633px;
    background: url(../images/map-area-hover-2.png) 0 0 no-repeat;
}

#bloc-map-area span.spanarea-13 {
    background-position: 0 -7236px;
    background: url(../images/map-area-hover-2.png) 0 -603px no-repeat;
}

#bloc-map-area span.spanarea-14 {
    background-position: 0 -7839px;
    background: url(../images/map-area-hover-2.png) 0 -1206px no-repeat;
}

#bloc-map-area span.spanarea-15 {
    background-position: 0 -8442px;
    background: url(../images/map-area-hover-2.png) 0 -1809px no-repeat;
}

#bloc-map-area span.spanarea-16 {
    background-position: 0 -9045px;
    background: url(../images/map-area-hover-2.png) 0 -2412px no-repeat;
}

#bloc-map-area span.spanarea-17 {
    background-position: 0 -9648px;
    background: url(../images/map-area-hover-2.png) 0 -3015px no-repeat;
}

#bloc-map-area span.spanarea-18 {
    background-position: 0 -10251px;
    background: url(../images/map-area-hover-2.png) 0 -3618px no-repeat;
}

#bloc-map-area span.spanarea-19 {
    background-position: 0 -10854px;
    background: url(../images/map-area-hover-2.png) 0 -4221px no-repeat;
}

#bloc-map-area span.spanarea-20 {
    background-position: 0 -11457px;
    background: url(../images/map-area-hover-2.png) 0 -4824px no-repeat;
}

#bloc-map-area span.spanarea-21 {
    background-position: 0 -12060px;
    background: url(../images/map-area-hover-2.png) 0 -5427px no-repeat;
}

#bloc-map-area span.spanarea-22 {
    background-position: 0 -12663px;
    background: url(../images/map-area-hover-2.png) 0 -6030px no-repeat;
}

.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;
}

.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.jpg) no-repeat;*/
    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;
}

/*-------------------------------------------------------------------------*/
/*---------------------------------RESPONSIVE------------------------------*/
/*-------------------------------------------------------------------------*/
@media only screen and (min-width: 1375px) {
    .list-pro.center {
        width: 1375px;
    }
    .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 (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: 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;
    }

    .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;
    }

}

@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 {
        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-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%;
    }

    div.filter-selection {
        font-size: 13px;
        background: #141414;
        color: #ffd200;
        height: 32px;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        cursor: pointer;
        line-height: 32px;
        z-index: 4;
        width: auto;
        float: none;
        margin: 0;
        margin-left: 20px;
        padding: 0 15px;
        display: inline-block;
    }

    div.filter-alerting {
        font-size: 13px;
        background: #FFD200;
        color: #000000;
        height: 32px;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        cursor: pointer;
        line-height: 32px;
        z-index: 4;
        width: auto;
        float: none;
        margin: 0;
        margin-left: 20px;
        padding: 0 15px;
        display: inline-block;
    }

    .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: 10px;
    }

    .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;
    }

    .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{
        width: calc(100% - 300px);
    }
    .resultat .block-info{
        width: calc(100% - 302px);
    }

    .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 {
        float: none;
    }
    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;
    }


}

/*-------------------------------------------------------------------------*/
/*---------------------------------FIN RESPONSIVE--------------------------*/
/*-------------------------------------------------------------------------*/

@media only screen and (max-width: 1330px) {
    body:not(.small-head) #header {
        height: 443px !important;
    }
}

@media only screen and (max-width: 1225px) {
    body:not(.small-head) #header {
        height: 416px !important;
    }
    html.dressing body#super-user-body:not(.small-head) #header {
        height:416px!important;
    }
}

@media only screen and (max-width: 1170px) {
    body:not(.small-head) #header {
        height: 390px !important;
    }

    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: 1024px) {
    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,
    body:not(.small-head) #header div .input-search {
        width: 555px !important;
    }

    body:not(.small-head) #header div.conteneur-input div.bg-input {
        width: 545px !important;
    }

    .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%;
    }
}

@media only screen and (max-width: 1000px) {
    html.dressing .habillage-cote {
        width: 0;
    }
}

@media only screen and (max-width: 1020px) and (min-width: 991px)  {
    .bloc-resultat {
        width: 680px;
    }
    .left-geoloc, .right-geoloc {
        width: 340px;
    }

}

@media only screen and (max-width: 990px) {
    html.dressing .picto-logo-parking {
        top: 244px;
    }

    html.dressing #smart-header {
        top: 220px;
    }
    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 {
        top: 19%;
        background-size: 313px !important;
    }
    #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;
    }


}

@media only screen and (max-width: 890px) {
    html.dressing body:not(.small-head) #header {
        height: 355px !important;
    }

    body:not(.small-head) #header {
        height: 288px !important;
    }

    body:not(.small-head) #header h2 {
        margin: 54px 0 26px 0 !important;
    }
    .resultat .info li {
        font-size: 10px;
    }
    #large-content { width: auto !important; }
    .small-head #header div.conteneur-input div.bg-input {
        width: auto !important;
    }
    .small-head #header h2 {
        margin: 0 auto 40px;
    }
}

@media only screen and (max-width: 768px) {
    html.dressing body:not(.small-head) #header {
        height: 281px !important;
    }

    html.dressing .picto-logo-parking {
        top: 226px;
    }

    body:not(.small-head) #header h1 {
        top: 13%;
        background-size: 283px !important;
        margin-left: -158px;
    }

    body:not(.small-head) #header h2 {
        margin: 31px 0 26px 0 !important;
    }

    body:not(.small-head) #header {
        height: 243px !important;
    }

    #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;
    }
    .resultat .premium-detail, .resultat .premium-detail .external.btn-plus{
        display: block;
    }
    #lists #list-results{
        display: none;
    }
    #lists #resultats.resultat.hidden{
        display: block;
        visibility: visible;
    }

    #my-filter {
        float: left;
    }

}

@media only screen and (max-width: 690px) {
    html.dressing body:not(.small-head) #header {
        height: 345px !important;
    }

    .picto-logo-parking {
        background-size: 99px;
    }

    body:not(.small-head) #header h1 {
        top: 35px;
        background-size: 348px;
    }

    body:not(.small-head) #header h2 {
        margin: 0 0 26px 0 !important;
    }

    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: calc(100% - 10px) !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: 211px;
        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: 28px;
    }
    .link-ad li span{
        width: 30px;
    }
    .link-ad li:hover span{
        height: 30px;
    }
    .li-result .info-comp{
        width: calc(100% - 235px);
    }
    .resultat .block-info {
        width: calc(100% - 2px);
    }
    .resultat .desc {
        top: 100px;
        margin-left: 7px;
        font-size: 10px;
        height: 15px;
        width: calc(50% - 20px);
    }
    .seller {
        top: 7px;
        left: 7px;
    }
    .li-result section .block-title-list {
        padding: 7px 0 13px 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: 0px;
        color: #ffd200;
        float: right;
        font-size: 18px;
        line-height: 20px;
        margin-top: 40px;
    }
    .premium-lead .visual {
        padding-top: 0px;
        margin-right: -60px;

    }
    .premium-lead .visualsansprix{
        padding-top: 0px;
        margin-right: 0px;
    }
    .premium-lead .visual img{
        width: 100px;
    }
    .premium-lead .visualsansprix img{
        width: 100px;
    }

    .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: 0px;
        color: #ffd200;
        float: right;
        font-size: 18px;
        margin-top: 10px;
        text-align: right;
        line-height: 20px;
    }

    .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 {
        right: 7px;
        top: 55px;
    }
    .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;
    }
    .btn-lead.btn-imp {
        margin: -2px 8px 0 0;
    }
    .detail-descri .btn-lead.btn-imp {
        margin: -2px 0 6px 17px;
        padding: 4px 8px 2px 2px;
    }
    .loc-date {
        margin-left: 7px;
        bottom: 56px;
    }
    .loc-date {
        width: 50%;
        overflow: hidden;
        white-space: nowrap;
    }
    .resultat .btn-fav a, .resultat .item-new-favoris .btn-fav a  {
        width: 50px;
        height: 50px;
        background-size: 50px;
    }

    .popin-alerting {
        width: 100%;
    }
    .popin-signal {
        width: 100%;
    }
    .valid-filters {
        /*margin-left: calc(100% - 51px);*/
    }
    .clear-filters {
             /* margin-left: calc(100% - 47px); */
             /* margin-top: -25px; */
    }
    #paginations_top{
        visibility: hidden;
    }

    #id_couleur .valid-filters {
        /* margin-left: 0; */
        /* position: absolute; */
        /* right: 50px; */
        /* left: auto; */
    }

    p #select-all {
        padding-left: 0;
        display: block;
        padding-top: 10px;
    }
    p #select-all.hidden {
        display: none;
    }
}

@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
    }

    /*
		.alerting_log {
			display:none !important;
		}*/
    .my-table-alert table th {
        font-size: 13px;
        padding-bottom: 10px;
    }

    .my-table-alert table td {
        font-size: 12px;
    }

    .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{
        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;
    }
}

@media only screen and (max-width: 528px) {
    html.dressing body.ayads-m {
        margin-top: 0;
    }

    .li-result .info-comp{
        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;
    }
    .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 .input-search input {
        padding-left:3%;
        width:88%;
    }
    body:not(.small-head) #header div.conteneur-input div.bg-input {
        width: calc(100% - 9px) !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;
        overflow:hidden;
    }

    body:not(.small-head) #header {
        height: 271px !important;
        overflow:hidden;
    }

    #header h1 {
        background-size: 212px !important;
        background-position: 0 0 !important;
        top: 8px;
    }

    body:not(.small-head) #header h1 {
        top: 8px;
        background-size: 212px !important;
        left:0;
        right:0;
        margin:0 auto;
    }

    body:not(.small-head) #header h2 {
        margin: 40px auto 26px !important;
    }

    #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{
        font-size: 16px;
    }
    .li-result .info-comp .old-prix,
    .li-result .info-comp .prix,
    .li-result .info-comp .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: 0px;
        width: 100px;
    }
    .premium-bloc .premium-lead {
        padding-right: 4px;
    }
    .li-result .info-comp .cote, .price-block:not(.sponsor-price) .cote.full-price {
        margin-top: 1px;
    }
    .price-block {
        left: calc(50% + 7px);
        top: 59px;
    }
    .li-result .info-comp{
        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: 2px 2px;
        background-size: 5px;
    }
    .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 {
        float: none;
        width: 100%;
    }

    .titre-favorites {
        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;
    }

}


@media only screen and (max-width: 480px) {
    .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;
    }

    #p-step-1 ul li strong {
        /*display:block;	*/
    }

    .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 "Proxima", "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;
    }
    /*.clear-filters {*/
    /*    margin-left: calc(100% - 45px);*/
    /*}*/

}


@media only screen and (max-width: 400px) {
    .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;
    }
    .resultat .info li div {
        margin-top: 2px;
    }
    .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: 179px;
    }
    .loc-date {
        bottom: 42px;
    }
    .resultat .figure {
        height: 154px;
    }

    .pub-map  {
        width: 100%!important;
        margin: 0 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;
    }
    .vroom {
        left:0 !important;
        right:0 !important;
        margin:0 auto;
        overflow:hidden !important;
    }
    html.dressing body {
        width: 100%;
    }
    body:not(.small-head) #header div.conteneur-input div.bg-input {
        width: calc(100% - 6px) !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;
    }


}



/* 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 "Proxima", "trebuchet MS";
    color: #ffd200;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.page-insolite .insolite-legend h2 {
    font: bold 36px 'Proxima', 'trebuchet MS';
    color: #1e1e1e;
}

.page-insolite .insolite-legend p {
    font: 16px/18px 'Proxima', '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 'Proxima', '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 "Proxima", "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 "Proxima", "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 "Proxima", "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;
}

#large-content.clearfix{
    width: 1100px;
}