@charset "UTF-8";
button,
button:hover,
input,
input:hover,
select,
select:hover,
textarea,
textarea:hover {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border: 0;
    outline: 0
}

blockquote,
dd,
dl,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
pre,
ul {
    margin: 0
}

code,
kbd,
pre,
samp,
tt {
    font-family: inherit;
    font-size: inherit
}

a,
b,
h1,
h2,
h3,
h4,
h5,
h6,
strong,
th {
    font-weight: inherit
}

a,
mark {
    color: inherit
}

a,
del,
ins {
    text-decoration: none
}

.container:after,
.container:before,
.formulaire .content-bordered:after,
.formulaire .content-bordered:before,
.formulaire-content:after,
.formulaire-content:before,
.gg-map-poi-container tr:after,
.gg-map-poi-container tr:before,
.listing-list .pub-desc:after,
.listing-list .pub-desc:before,
.row:after,
.row:before,
.top-bar .main-nav ul:after,
.top-bar .main-nav ul:before {
    content: '';
    display: table
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
li,
menu,
nav,
section {
    display: block
}

.container:after,
.formulaire .content-bordered:after,
.formulaire-content:after,
.gg-map-poi-container tr:after,
.listing-list .pub-desc:after,
.row:after,
.top-bar .main-nav ul:after {
    clear: both
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}

body {
    line-height: 1;
    padding: 0
}

fieldset {
    padding: 0;
    border: 0
}

button,
input,
select,
textarea {
    font-size: 100%;
    font-family: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

button,
input {
    line-height: normal;
    overflow: visible
}

button {
    cursor: pointer
}

textarea {
    overflow: auto;
    vertical-align: top;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

:focus,
a:active,
a:hover {
    outline: 0
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

img {
    -ms-interpolation-mode: bicubic;
    display: inline-block
}

ol,
ul {
    padding: 0
}

li {
    padding: 0;
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: inherit;
    font-size: inherit
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

address,
cite {
    font-style: normal
}

dfn,
em {
    font-style: inherit
}

mark {
    background: 0 0
}

small {
    font-size: 100%
}

q {
    quotes: none
}

q:after,
q:before {
    content: '';
    content: none
}

.breadcrumb li:hover,
.lien-annonces .nav-item:hover,
.pub-lexique .pub-content li:hover a,
footer.footer .nav-item a:hover,
footer.footer .nav-title a:hover {
    text-decoration: underline
}

a img {
    border: none
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px
}

.owl-fade-out {
    z-index: 10;
    animation: fadeOut .7s both ease
}

.owl-fade-in {
    animation: fadeIn .7s both ease
}

.owl-backSlide-out {
    animation: backSlideOut 1s both ease
}

.owl-backSlide-in {
    animation: backSlideIn 1s both ease
}

.owl-goDown-out {
    animation: scaleToFade .7s ease both
}

.owl-goDown-in {
    animation: goDown .6s ease both
}

.owl-fadeUp-in {
    animation: scaleUpFrom .5s ease both
}

.owl-fadeUp-out {
    animation: scaleUpTo .5s ease both
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    100%,
    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0)
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%)
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5)
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5)
    }
}

div.cs-select {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: left;
    background: #fff;
    z-index: 100;
    width: 100%;
    max-width: 500px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

div.cs-select:focus {
    outline: 0
}

.cs-select select {
    display: none
}

.cs-select span {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cs-select>span {
    padding-right: 3em
}

.cs-select .cs-selected span::after,
.cs-select>span::after {
    speak: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cs-select>span::after {
    content: '\25BE';
    right: 1em
}

.cs-select .cs-selected span::after {
    content: '\2713';
    margin-left: 1em
}

.cs-select.cs-active>span::after {
    transform: translateY(-50%) rotate(180deg)
}

div.cs-active {
    z-index: 200
}

.cs-select .cs-options {
    position: absolute;
    overflow: hidden;
    background: #fff;
    visibility: hidden
}

.cs-select.cs-active .cs-options {
    visibility: visible
}

.cs-select ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.cs-select ul span {
    padding: 1em
}

.cs-select ul li.cs-focus span {
    background-color: #ddd
}

.cs-select li.cs-optgroup ul {
    padding-left: 1em
}

.cs-select li.cs-optgroup>span {
    cursor: default
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.eot?-rdnm34);
    src: url(../fonts/icomoon.eot?#iefix-rdnm34) format("embedded-opentype"), url(../fonts/icomoon.woff?-rdnm34) format("woff"), url(../fonts/icomoon.ttf?-rdnm34) format("truetype"), url(../fonts/icomoon.svg?-rdnm34#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

div.cs-skin-border {
    background: 0 0;
    font-size: 2em;
    font-weight: 700;
    max-width: 600px
}

@media screen and (max-width:30em) {
    div.cs-skin-border {
        font-size: 1em
    }
}

.cs-skin-border>span {
    border: 5px solid #000;
    border-color: inherit;
    transition: background .2s, border-color .2s
}

.cs-skin-border .cs-selected span::after,
.cs-skin-border>span::after {
    font-family: icomoon;
    content: '\e000'
}

.cs-skin-border ul span::after {
    content: '';
    opacity: 0
}

.cs-skin-border .cs-selected span::after {
    content: '\e00e';
    color: #ddd9c9;
    font-size: 1.5em;
    opacity: 1;
    transition: opacity .2s
}


.cs-skin-border.cs-active>span {
    background: #fff;
    border-color: #fff;
    color: #2980b9
}

.cs-skin-border .cs-options {
    font-size: .75em;
    opacity: 0;
    transition: opacity .2s, visibility 0s .2s
}

.cs-skin-border.cs-active .cs-options {
    opacity: 1;
    transition: opacity .2s
}

.cs-skin-border ul span {
    padding: 1em 2em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cs-skin-border .cs-options li span:hover,
.cs-skin-border li.cs-focus span {
    background: #f5f3ec
}

@font-face {
    font-family: iconClairimmo;
    src: url(../fonts/iconClairimmo.eot?n81j9z);
    src: url(../fonts/iconClairimmo.eot?n81j9z#iefix) format("embedded-opentype"), url(../fonts/iconClairimmo.ttf?n81j9z) format("truetype"), url(../fonts/iconClairimmo.woff?n81j9z) format("woff"), url(../fonts/iconClairimmo.svg?n81j9z#iconClairimmo) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" ic-"],
[class^=ic-] {
    font-family: iconClairimmo!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ic-newsletter:before {
    content: ""
}

.ic-mail:before {
    content: ""
}

.ic-garage:before {
    content: ""
}

.ic-chambres:before {
    content: ""
}

.ic-dge:before {
    content: ""
}

.ic-estimation:before {
    content: ""
}

.ic-calculette:before {
    content: ""
}

.ic-favoris:before {
    content: ""
}

.ic-agences:before {
    content: ""
}

.ic-alerte:before {
    content: ""
}

.ic-geoloc:before {
    content: ""
}

.ic-maison:before {
    content: ""
}

.ic-parking:before {
    content: ""
}

.ic-partage:before {
    content: ""
}

.ic-pieces:before {
    content: ""
}

.ic-pmains:before {
    content: ""
}

.ic-sdb:before {
    content: ""
}

.ic-socialhumains:before {
    content: ""
}

.ic-surface:before {
    content: ""
}

.ic-film:before {
    content: ""
}

.ic-phone:before {
    content: ""
}

.ic-printer:before {
    content: ""
}

.blue .bandeau.annonces-min-title,
.blue .bandeau.avis-title,
.blue .bandeau.listing-lieu,
.blue .bandeau.listing-resultat,
.blue .bandeau.map-title,
.blue .bg-color,
.blue .details-caracteristique .item-carateristique .icon,
.blue .details-nav .details-nav-item,
.blue .formulaire label,
.blue .formulaire-title,
.blue .listing-list-item-desc-text .circle li:before,
.blue .listing-list-item-desc-text .nuage li:before,
.blue .main-form .cs-select .cs-options li:hover,
.blue .main-form input[type=text] .cs-options li:hover,
.blue .page-agences .page-agences-info,
.blue .paragraphe .circle li:before,
.blue .paragraphe .nuage li:before,
.blue .pub .pub-desc .bandeau.pub-title,
.blue .pub .pub-desc .pub-slogan .circle li:before,
.blue .pub .pub-desc .pub-slogan .nuage li:before,
.blue .pub-lexique .pub-title,
.blue .search-bar,
.blue .title.bandeau,
.blue .top-bar .icon-menu span,
.blue .top-bar .main-nav,
.blue div.i4ewOd-pzNkMb-haAclf,
.blue-bg-color,
.details-caracteristique .item-carateristique .blue .icon,
.details-nav .blue .details-nav-item,
.formulaire .blue label,
.listing-list-item-desc-text .circle .blue li:before,
.listing-list-item-desc-text .nuage .blue li:before,
.main-form .cs-select .cs-options .blue li:hover,
.main-form input[type=text] .cs-options .blue li:hover,
.page-agences .blue .page-agences-info,
.paragraphe .circle .blue li:before,
.paragraphe .nuage .blue li:before,
.pub .pub-desc .blue .bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .blue li:before,
.pub .pub-desc .pub-slogan .nuage .blue li:before,
.pub-lexique .blue .pub-title,
.top-bar .blue .main-nav,
.top-bar .icon-menu .blue span {
    background-color: #335ea2
}

.blue .bg-color.transparent,
.blue .details-caracteristique .item-carateristique .transparent.icon,
.blue .details-nav .transparent.details-nav-item,
.blue .formulaire label.transparent,
.blue .listing-list-item-desc-text .circle li.transparent:before,
.blue .listing-list-item-desc-text .nuage li.transparent:before,
.blue .main-form .cs-select .cs-options li.transparent:hover,
.blue .main-form input[type=text] .cs-options li.transparent:hover,
.blue .page-agences .transparent.page-agences-info,
.blue .paragraphe .circle li.transparent:before,
.blue .paragraphe .nuage li.transparent:before,
.blue .pub .pub-desc .pub-slogan .circle li.transparent:before,
.blue .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.blue .pub .pub-desc .transparent.bandeau.pub-title,
.blue .pub-lexique .transparent.pub-title,
.blue .top-bar .icon-menu span.transparent,
.blue .top-bar .transparent.main-nav,
.blue .transparent.bandeau.annonces-min-title,
.blue .transparent.bandeau.avis-title,
.blue .transparent.bandeau.listing-lieu,
.blue .transparent.bandeau.listing-resultat,
.blue .transparent.bandeau.map-title,
.blue .transparent.formulaire-title,
.blue .transparent.search-bar,
.blue .transparent.title.bandeau,
.blue div.transparent.i4ewOd-pzNkMb-haAclf,
.blue-bg-color.transparent,
.details-caracteristique .item-carateristique .blue .transparent.icon,
.details-nav .blue .transparent.details-nav-item,
.formulaire .blue label.transparent,
.listing-list-item-desc-text .circle .blue li.transparent:before,
.listing-list-item-desc-text .nuage .blue li.transparent:before,
.main-form .cs-select .cs-options .blue li.transparent:hover,
.main-form input[type=text] .cs-options .blue li.transparent:hover,
.page-agences .blue .transparent.page-agences-info,
.paragraphe .circle .blue li.transparent:before,
.paragraphe .nuage .blue li.transparent:before,
.pub .pub-desc .blue .transparent.bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .blue li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .blue li.transparent:before,
.pub-lexique .blue .transparent.pub-title,
.top-bar .blue .transparent.main-nav,
.top-bar .icon-menu .blue span.transparent {
    background-color: rgba(51, 94, 162, .49)
}

.bandeau.annonces-min-title .blue .icon,
.bandeau.avis-title .blue .icon,
.bandeau.listing-lieu .blue .icon,
.bandeau.listing-resultat .blue .icon,
.bandeau.map-title .blue .icon,
.blue #details_video,
.blue .bandeau.annonces-min-title .icon,
.blue .bandeau.avis-title .icon,
.blue .bandeau.listing-lieu .icon,
.blue .bandeau.listing-resultat .icon,
.blue .bandeau.map-title .icon,
.blue .bg-color-dark,
.blue .button-bandeau .button-item:hover,
.blue .details-nav .details-nav-item:hover,
.blue .formulaire .input-radio-content label:after,
.blue .formulaire-title h3,
.blue .gg-map-poi-container,
.blue .listing-list-item-footer,
.blue .main-form .plus.active,
.blue .main-form .plus:focus,
.blue .main-form .plus:hover,
.blue .main-form .top-bar .main-nav ul li.plus.title-nav,
.blue .page-agences .page-agences-title,
.blue .pub .pub-desc .bandeau.pub-title .icon,
.blue .title.bandeau .icon,
.blue .top-bar .main-nav ul .main-form li.plus.title-nav,
.blue-bg-color-dark,
.button-bandeau .blue .button-item:hover,
.details-nav .blue .details-nav-item:hover,
.formulaire .input-radio-content .blue label:after,
.formulaire-title .blue h3,
.main-form .blue .plus.active,
.main-form .blue .plus:focus,
.main-form .blue .plus:hover,
.main-form .top-bar .main-nav ul .blue li.plus.title-nav,
.page-agences .blue .page-agences-title,
.pub .pub-desc .bandeau.pub-title .blue .icon,
.title.bandeau .blue .icon,
.top-bar .main-nav ul .main-form .blue li.plus.title-nav {
    background-color: #27477b
}

.blue .bg-color-light,
.blue-bg-color-light {
    background-color: #4476c4
}

.blue.border-color-arrow,
.listing-list-item-desc-text .arrow li.blue:before,
.paragraphe .arrow li.blue:before,
.pub .pub-desc .pub-slogan .arrow li.blue:before {
    border-color: transparent transparent transparent #335ea2
}

.blue.border-color-arrow2,
.pub-x2 .blue.pub-item:after,
.pub-x3 .blue.pub-item:after {
    border-color: #335ea2 transparent transparent
}

.blue .bg-hover:hover,
.blue .bg.active,
.blue .top-bar .main-nav ul li.title-nav,
.blue-bg-hover:hover,
.blue-bg.active,
.top-bar .main-nav ul .blue li.title-nav,
.top-bar .main-nav ul li.blue-bg.title-nav {
    background-color: #2d538f
}

.agences .agences-link li:last-child .blue a,
.agences .owl-controls .owl-next .blue .next,
.agences .owl-controls .owl-next .blue .prev,
.agences .owl-controls .owl-prev .blue .next,
.agences .owl-controls .owl-prev .blue .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .blue a,
.annonces-min-nav ul li .blue a:hover,
.annonces-min-nav ul li.active .blue a,
.annonces-min-title .blue *,
.avis-title .blue *,
.blue .agences .agences-link li:last-child a,
.blue .agences .owl-controls .owl-next .next,
.blue .agences .owl-controls .owl-next .prev,
.blue .agences .owl-controls .owl-prev .next,
.blue .agences .owl-controls .owl-prev .prev,
.blue .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.blue .annonces-min-nav ul li a:hover,
.blue .annonces-min-nav ul li.active a,
.blue .annonces-min-title *,
.blue .avis-title *,
.blue .breadcrumb .active,
.blue .breadcrumb .top-bar .main-nav ul li.title-nav,
.blue .cs-skin-border .cs-options,
.blue .details-list li span,
.blue .formulaire .select .cs-select,
.blue .listing-lieu *,
.blue .listing-list-item-caracteristique-info i,
.blue .listing-list-item-desc-text a,
.blue .listing-list-item-footer-info i,
.blue .listing-resultat *,
.blue .main-form .plus,
.blue .map-title *,
.blue .owl-controls .owl-next .next:hover,
.blue .owl-controls .owl-next .prev:hover,
.blue .owl-controls .owl-prev .next:hover,
.blue .owl-controls .owl-prev .prev:hover,
.blue .paragraphe a,
.blue .pub .pub-desc .pub-button:hover a,
.blue .pub .pub-desc .pub-slogan a,
.blue .pub .pub-desc .pub-title *,
.blue .pub-x2 .pub-item:nth-child(2) .pub-button a,
.blue .pub-x2 .pub-item:nth-child(2) .pub-desc,
.blue .pub-x2 .pub-item:nth-child(2) .pub-image i,
.blue .pub-x3 .pub-item:nth-child(2) .pub-button a,
.blue .pub-x3 .pub-item:nth-child(2) .pub-desc,
.blue .pub-x3 .pub-item:nth-child(2) .pub-image i,
.blue .text-color,
.blue .text-hover:hover,
.blue .title *,
.blue .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.blue .top-bar .main-nav .menu-sup i,
.blue .top-bar .main-nav ul .breadcrumb li.title-nav,
.blue-text-color,
.blue-text-hover:hover,
.breadcrumb .blue .active,
.breadcrumb .top-bar .main-nav ul .blue li.title-nav,
.cs-skin-border .blue .cs-options,
.details-list li .blue span,
.formulaire .select .blue .cs-select,
.listing-lieu .blue *,
.listing-list-item-caracteristique-info .blue i,
.listing-list-item-desc-text .blue a,
.listing-list-item-footer-info .blue i,
.listing-resultat .blue *,
.main-form .blue .plus,
.map-title .blue *,
.owl-controls .owl-next .blue .next:hover,
.owl-controls .owl-next .blue .prev:hover,
.owl-controls .owl-prev .blue .next:hover,
.owl-controls .owl-prev .blue .prev:hover,
.paragraphe .blue a,
.pub .pub-desc .pub-button:hover .blue a,
.pub .pub-desc .pub-slogan .blue a,
.pub .pub-desc .pub-title .blue *,
.pub-x2 .pub-item:nth-child(2) .blue .pub-desc,
.pub-x2 .pub-item:nth-child(2) .pub-button .blue a,
.pub-x2 .pub-item:nth-child(2) .pub-image .blue i,
.pub-x3 .pub-item:nth-child(2) .blue .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .blue a,
.pub-x3 .pub-item:nth-child(2) .pub-image .blue i,
.title .blue *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .blue a,
.top-bar .main-nav .menu-sup .blue i,
.top-bar .main-nav ul .breadcrumb .blue li.title-nav {
    color: #335ea2
}

.blue .text-color-dark,
.blue .text-hover:hover-dark,
.blue footer.footer .newsletter button[type=submit]:hover,
.blue-text-color-dark,
.blue-text-hover:hover-dark,
footer.footer .newsletter .blue button[type=submit]:hover {
    color: #27477b
}

.blue .text-color-light,
.blue .text-hover:hover-light,
.blue-text-color-light,
.blue-text-hover:hover-light {
    color: #4476c4
}

.blue .border-color,
.blue .border-hover:hover,
.blue .details-form,
.blue .details-form .details-input input,
.blue .details-form .details-textarea textarea,
.blue .details-list.bordered,
.blue .formulaire .input input,
.blue .formulaire .select .cs-select .cs-placeholder,
.blue .formulaire .textarea textarea,
.blue .formulaire-part,
.blue .main-form .cs-select .cs-options,
.blue .main-form .plus,
.blue .main-form input[type=text] .cs-options,
.blue .owl-controls .owl-next .next:hover,
.blue .owl-controls .owl-next .prev:hover,
.blue .owl-controls .owl-prev .next:hover,
.blue .owl-controls .owl-prev .prev:hover,
.blue .pub-lexique,
.blue .pub-x2,
.blue .pub-x2 .pub-item:nth-child(2) .pub-button a,
.blue .pub-x3,
.blue .pub-x3 .pub-item:nth-child(2) .pub-button a,
.blue-border-color,
.blue-border-hover:hover,
.details-form .details-input .blue input,
.details-form .details-textarea .blue textarea,
.formulaire .input .blue input,
.formulaire .select .cs-select .blue .cs-placeholder,
.formulaire .textarea .blue textarea,
.main-form .blue .plus,
.main-form .cs-select .blue .cs-options,
.main-form input[type=text] .blue .cs-options,
.owl-controls .owl-next .blue .next:hover,
.owl-controls .owl-next .blue .prev:hover,
.owl-controls .owl-prev .blue .next:hover,
.owl-controls .owl-prev .blue .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .blue a,
.pub-x3 .pub-item:nth-child(2) .pub-button .blue a {
    border-color: #335ea2!important
}

.blue .border-color-arrow,
.blue .listing-list-item-desc-text .arrow li:before,
.blue .paragraphe .arrow li:before,
.blue .pub .pub-desc .pub-slogan .arrow li:before,
.listing-list-item-desc-text .arrow .blue li:before,
.paragraphe .arrow .blue li:before,
.pub .pub-desc .pub-slogan .arrow .blue li:before {
    border-color: transparent transparent transparent #335ea2
}

.blue .map-svg svg .hover,
.blue .map-svg svg .hover svg,
.blue .map-svg svg .polygon:hover,
.blue .map-svg svg .polygon:hover svg,
.blue .map-svg svg polygon:hover,
.blue .map-svg svg polygon:hover svg,
.blue .svg-color,
.blue .svg-color svg,
.blue-svg-color,
.blue-svg-color svg,
.map-svg svg .blue .hover,
.map-svg svg .blue .hover svg,
.map-svg svg .blue .polygon:hover,
.map-svg svg .blue .polygon:hover svg,
.map-svg svg .blue polygon:hover,
.map-svg svg .blue polygon:hover svg {
    fill: #335ea2
}

.dark-grey .bandeau.annonces-min-title,
.dark-grey .bandeau.avis-title,
.dark-grey .bandeau.listing-lieu,
.dark-grey .bandeau.listing-resultat,
.dark-grey .bandeau.map-title,
.dark-grey .bg-color,
.dark-grey .details-caracteristique .item-carateristique .icon,
.dark-grey .details-nav .details-nav-item,
.dark-grey .formulaire label,
.dark-grey .formulaire-title,
.dark-grey .listing-list-item-desc-text .circle li:before,
.dark-grey .listing-list-item-desc-text .nuage li:before,
.dark-grey .main-form .cs-select .cs-options li:hover,
.dark-grey .main-form input[type=text] .cs-options li:hover,
.dark-grey .page-agences .page-agences-info,
.dark-grey .paragraphe .circle li:before,
.dark-grey .paragraphe .nuage li:before,
.dark-grey .pub .pub-desc .bandeau.pub-title,
.dark-grey .pub .pub-desc .pub-slogan .circle li:before,
.dark-grey .pub .pub-desc .pub-slogan .nuage li:before,
.dark-grey .pub-lexique .pub-title,
.dark-grey .search-bar,
.dark-grey .title.bandeau,
.dark-grey .top-bar .icon-menu span,
.dark-grey .top-bar .main-nav,
.dark-grey div.i4ewOd-pzNkMb-haAclf,
.dark-grey-bg-color,
.details-caracteristique .item-carateristique .dark-grey .icon,
.details-nav .dark-grey .details-nav-item,
.formulaire .dark-grey label,
.listing-list-item-desc-text .circle .dark-grey li:before,
.listing-list-item-desc-text .nuage .dark-grey li:before,
.main-form .cs-select .cs-options .dark-grey li:hover,
.main-form input[type=text] .cs-options .dark-grey li:hover,
.page-agences .dark-grey .page-agences-info,
.paragraphe .circle .dark-grey li:before,
.paragraphe .nuage .dark-grey li:before,
.pub .pub-desc .dark-grey .bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .dark-grey li:before,
.pub .pub-desc .pub-slogan .nuage .dark-grey li:before,
.pub-lexique .dark-grey .pub-title,
.top-bar .dark-grey .main-nav,
.top-bar .icon-menu .dark-grey span {
    background-color: #555859
}

.dark-grey .bg-color.transparent,
.dark-grey .details-caracteristique .item-carateristique .transparent.icon,
.dark-grey .details-nav .transparent.details-nav-item,
.dark-grey .formulaire label.transparent,
.dark-grey .listing-list-item-desc-text .circle li.transparent:before,
.dark-grey .listing-list-item-desc-text .nuage li.transparent:before,
.dark-grey .main-form .cs-select .cs-options li.transparent:hover,
.dark-grey .main-form input[type=text] .cs-options li.transparent:hover,
.dark-grey .page-agences .transparent.page-agences-info,
.dark-grey .paragraphe .circle li.transparent:before,
.dark-grey .paragraphe .nuage li.transparent:before,
.dark-grey .pub .pub-desc .pub-slogan .circle li.transparent:before,
.dark-grey .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.dark-grey .pub .pub-desc .transparent.bandeau.pub-title,
.dark-grey .pub-lexique .transparent.pub-title,
.dark-grey .top-bar .icon-menu span.transparent,
.dark-grey .top-bar .transparent.main-nav,
.dark-grey .transparent.bandeau.annonces-min-title,
.dark-grey .transparent.bandeau.avis-title,
.dark-grey .transparent.bandeau.listing-lieu,
.dark-grey .transparent.bandeau.listing-resultat,
.dark-grey .transparent.bandeau.map-title,
.dark-grey .transparent.formulaire-title,
.dark-grey .transparent.search-bar,
.dark-grey .transparent.title.bandeau,
.dark-grey div.transparent.i4ewOd-pzNkMb-haAclf,
.dark-grey-bg-color.transparent,
.details-caracteristique .item-carateristique .dark-grey .transparent.icon,
.details-nav .dark-grey .transparent.details-nav-item,
.formulaire .dark-grey label.transparent,
.listing-list-item-desc-text .circle .dark-grey li.transparent:before,
.listing-list-item-desc-text .nuage .dark-grey li.transparent:before,
.main-form .cs-select .cs-options .dark-grey li.transparent:hover,
.main-form input[type=text] .cs-options .dark-grey li.transparent:hover,
.page-agences .dark-grey .transparent.page-agences-info,
.paragraphe .circle .dark-grey li.transparent:before,
.paragraphe .nuage .dark-grey li.transparent:before,
.pub .pub-desc .dark-grey .transparent.bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .dark-grey li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .dark-grey li.transparent:before,
.pub-lexique .dark-grey .transparent.pub-title,
.top-bar .dark-grey .transparent.main-nav,
.top-bar .icon-menu .dark-grey span.transparent {
    background-color: rgba(85, 88, 89, .49)
}

.bandeau.annonces-min-title .dark-grey .icon,
.bandeau.avis-title .dark-grey .icon,
.bandeau.listing-lieu .dark-grey .icon,
.bandeau.listing-resultat .dark-grey .icon,
.bandeau.map-title .dark-grey .icon,
.button-bandeau .dark-grey .button-item:hover,
.dark-grey #details_video,
.dark-grey .bandeau.annonces-min-title .icon,
.dark-grey .bandeau.avis-title .icon,
.dark-grey .bandeau.listing-lieu .icon,
.dark-grey .bandeau.listing-resultat .icon,
.dark-grey .bandeau.map-title .icon,
.dark-grey .bg-color-dark,
.dark-grey .button-bandeau .button-item:hover,
.dark-grey .details-nav .details-nav-item:hover,
.dark-grey .formulaire .input-radio-content label:after,
.dark-grey .formulaire-title h3,
.dark-grey .gg-map-poi-container,
.dark-grey .listing-list-item-footer,
.dark-grey .main-form .plus.active,
.dark-grey .main-form .plus:focus,
.dark-grey .main-form .plus:hover,
.dark-grey .main-form .top-bar .main-nav ul li.plus.title-nav,
.dark-grey .page-agences .page-agences-title,
.dark-grey .pub .pub-desc .bandeau.pub-title .icon,
.dark-grey .title.bandeau .icon,
.dark-grey .top-bar .main-nav ul .main-form li.plus.title-nav,
.dark-grey-bg-color-dark,
.details-nav .dark-grey .details-nav-item:hover,
.formulaire .input-radio-content .dark-grey label:after,
.formulaire-title .dark-grey h3,
.main-form .dark-grey .plus.active,
.main-form .dark-grey .plus:focus,
.main-form .dark-grey .plus:hover,
.main-form .top-bar .main-nav ul .dark-grey li.plus.title-nav,
.page-agences .dark-grey .page-agences-title,
.pub .pub-desc .bandeau.pub-title .dark-grey .icon,
.title.bandeau .dark-grey .icon,
.top-bar .main-nav ul .main-form .dark-grey li.plus.title-nav {
    background-color: #3c3e3f
}

.dark-grey .bg-color-light,
.dark-grey-bg-color-light {
    background-color: #6e7273
}

.dark-grey.border-color-arrow,
.listing-list-item-desc-text .arrow li.dark-grey:before,
.paragraphe .arrow li.dark-grey:before,
.pub .pub-desc .pub-slogan .arrow li.dark-grey:before {
    border-color: transparent transparent transparent #555859
}

.dark-grey.border-color-arrow2,
.pub-x2 .dark-grey.pub-item:after,
.pub-x3 .dark-grey.pub-item:after {
    border-color: #555859 transparent transparent
}

.dark-grey .bg-hover:hover,
.dark-grey .bg.active,
.dark-grey .top-bar .main-nav ul li.title-nav,
.dark-grey-bg-hover:hover,
.dark-grey-bg.active,
.top-bar .main-nav ul .dark-grey li.title-nav,
.top-bar .main-nav ul li.dark-grey-bg.title-nav {
    background-color: #494b4c
}

.agences .agences-link li:last-child .dark-grey a,
.agences .owl-controls .owl-next .dark-grey .next,
.agences .owl-controls .owl-next .dark-grey .prev,
.agences .owl-controls .owl-prev .dark-grey .next,
.agences .owl-controls .owl-prev .dark-grey .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .dark-grey a,
.annonces-min-nav ul li .dark-grey a:hover,
.annonces-min-nav ul li.active .dark-grey a,
.annonces-min-title .dark-grey *,
.avis-title .dark-grey *,
.breadcrumb .dark-grey .active,
.breadcrumb .top-bar .main-nav ul .dark-grey li.title-nav,
.cs-skin-border .dark-grey .cs-options,
.dark-grey .agences .agences-link li:last-child a,
.dark-grey .agences .owl-controls .owl-next .next,
.dark-grey .agences .owl-controls .owl-next .prev,
.dark-grey .agences .owl-controls .owl-prev .next,
.dark-grey .agences .owl-controls .owl-prev .prev,
.dark-grey .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.dark-grey .annonces-min-nav ul li a:hover,
.dark-grey .annonces-min-nav ul li.active a,
.dark-grey .annonces-min-title *,
.dark-grey .avis-title *,
.dark-grey .breadcrumb .active,
.dark-grey .breadcrumb .top-bar .main-nav ul li.title-nav,
.dark-grey .cs-skin-border .cs-options,
.dark-grey .details-list li span,
.dark-grey .formulaire .select .cs-select,
.dark-grey .listing-lieu *,
.dark-grey .listing-list-item-caracteristique-info i,
.dark-grey .listing-list-item-desc-text a,
.dark-grey .listing-list-item-footer-info i,
.dark-grey .listing-resultat *,
.dark-grey .main-form .plus,
.dark-grey .map-title *,
.dark-grey .owl-controls .owl-next .next:hover,
.dark-grey .owl-controls .owl-next .prev:hover,
.dark-grey .owl-controls .owl-prev .next:hover,
.dark-grey .owl-controls .owl-prev .prev:hover,
.dark-grey .paragraphe a,
.dark-grey .pub .pub-desc .pub-button:hover a,
.dark-grey .pub .pub-desc .pub-slogan a,
.dark-grey .pub .pub-desc .pub-title *,
.dark-grey .pub-x2 .pub-item:nth-child(2) .pub-button a,
.dark-grey .pub-x2 .pub-item:nth-child(2) .pub-desc,
.dark-grey .pub-x2 .pub-item:nth-child(2) .pub-image i,
.dark-grey .pub-x3 .pub-item:nth-child(2) .pub-button a,
.dark-grey .pub-x3 .pub-item:nth-child(2) .pub-desc,
.dark-grey .pub-x3 .pub-item:nth-child(2) .pub-image i,
.dark-grey .text-color,
.dark-grey .text-hover:hover,
.dark-grey .title *,
.dark-grey .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.dark-grey .top-bar .main-nav .menu-sup i,
.dark-grey .top-bar .main-nav ul .breadcrumb li.title-nav,
.dark-grey-text-color,
.dark-grey-text-hover:hover,
.details-list li .dark-grey span,
.formulaire .select .dark-grey .cs-select,
.listing-lieu .dark-grey *,
.listing-list-item-caracteristique-info .dark-grey i,
.listing-list-item-desc-text .dark-grey a,
.listing-list-item-footer-info .dark-grey i,
.listing-resultat .dark-grey *,
.main-form .dark-grey .plus,
.map-title .dark-grey *,
.owl-controls .owl-next .dark-grey .next:hover,
.owl-controls .owl-next .dark-grey .prev:hover,
.owl-controls .owl-prev .dark-grey .next:hover,
.owl-controls .owl-prev .dark-grey .prev:hover,
.paragraphe .dark-grey a,
.pub .pub-desc .pub-button:hover .dark-grey a,
.pub .pub-desc .pub-slogan .dark-grey a,
.pub .pub-desc .pub-title .dark-grey *,
.pub-x2 .pub-item:nth-child(2) .dark-grey .pub-desc,
.pub-x2 .pub-item:nth-child(2) .pub-button .dark-grey a,
.pub-x2 .pub-item:nth-child(2) .pub-image .dark-grey i,
.pub-x3 .pub-item:nth-child(2) .dark-grey .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .dark-grey a,
.pub-x3 .pub-item:nth-child(2) .pub-image .dark-grey i,
.title .dark-grey *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .dark-grey a,
.top-bar .main-nav .menu-sup .dark-grey i,
.top-bar .main-nav ul .breadcrumb .dark-grey li.title-nav {
    color: #555859
}

.dark-grey .text-color-dark,
.dark-grey .text-hover:hover-dark,
.dark-grey footer.footer .newsletter button[type=submit]:hover,
.dark-grey-text-color-dark,
.dark-grey-text-hover:hover-dark,
footer.footer .newsletter .dark-grey button[type=submit]:hover {
    color: #3c3e3f
}

.dark-grey .text-color-light,
.dark-grey .text-hover:hover-light,
.dark-grey-text-color-light,
.dark-grey-text-hover:hover-light {
    color: #6e7273
}

.dark-grey .border-color,
.dark-grey .border-hover:hover,
.dark-grey .details-form,
.dark-grey .details-form .details-input input,
.dark-grey .details-form .details-textarea textarea,
.dark-grey .details-list.bordered,
.dark-grey .formulaire .input input,
.dark-grey .formulaire .select .cs-select .cs-placeholder,
.dark-grey .formulaire .textarea textarea,
.dark-grey .formulaire-part,
.dark-grey .main-form .cs-select .cs-options,
.dark-grey .main-form .plus,
.dark-grey .main-form input[type=text] .cs-options,
.dark-grey .owl-controls .owl-next .next:hover,
.dark-grey .owl-controls .owl-next .prev:hover,
.dark-grey .owl-controls .owl-prev .next:hover,
.dark-grey .owl-controls .owl-prev .prev:hover,
.dark-grey .pub-lexique,
.dark-grey .pub-x2,
.dark-grey .pub-x2 .pub-item:nth-child(2) .pub-button a,
.dark-grey .pub-x3,
.dark-grey .pub-x3 .pub-item:nth-child(2) .pub-button a,
.dark-grey-border-color,
.dark-grey-border-hover:hover,
.details-form .details-input .dark-grey input,
.details-form .details-textarea .dark-grey textarea,
.formulaire .input .dark-grey input,
.formulaire .select .cs-select .dark-grey .cs-placeholder,
.formulaire .textarea .dark-grey textarea,
.main-form .cs-select .dark-grey .cs-options,
.main-form .dark-grey .plus,
.main-form input[type=text] .dark-grey .cs-options,
.owl-controls .owl-next .dark-grey .next:hover,
.owl-controls .owl-next .dark-grey .prev:hover,
.owl-controls .owl-prev .dark-grey .next:hover,
.owl-controls .owl-prev .dark-grey .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .dark-grey a,
.pub-x3 .pub-item:nth-child(2) .pub-button .dark-grey a {
    border-color: #555859!important
}

.dark-grey .border-color-arrow,
.dark-grey .listing-list-item-desc-text .arrow li:before,
.dark-grey .paragraphe .arrow li:before,
.dark-grey .pub .pub-desc .pub-slogan .arrow li:before,
.listing-list-item-desc-text .arrow .dark-grey li:before,
.paragraphe .arrow .dark-grey li:before,
.pub .pub-desc .pub-slogan .arrow .dark-grey li:before {
    border-color: transparent transparent transparent #555859
}

.dark-grey .map-svg svg .hover,
.dark-grey .map-svg svg .hover svg,
.dark-grey .map-svg svg .polygon:hover,
.dark-grey .map-svg svg .polygon:hover svg,
.dark-grey .map-svg svg polygon:hover,
.dark-grey .map-svg svg polygon:hover svg,
.dark-grey .svg-color,
.dark-grey .svg-color svg,
.dark-grey-svg-color,
.dark-grey-svg-color svg,
.map-svg svg .dark-grey .hover,
.map-svg svg .dark-grey .hover svg,
.map-svg svg .dark-grey .polygon:hover,
.map-svg svg .dark-grey .polygon:hover svg,
.map-svg svg .dark-grey polygon:hover,
.map-svg svg .dark-grey polygon:hover svg {
    fill: #555859
}

.details-caracteristique .item-carateristique .light-grey .icon,
.details-nav .light-grey .details-nav-item,
.formulaire .light-grey label,
.light-grey .bandeau.annonces-min-title,
.light-grey .bandeau.avis-title,
.light-grey .bandeau.listing-lieu,
.light-grey .bandeau.listing-resultat,
.light-grey .bandeau.map-title,
.light-grey .bg-color,
.light-grey .details-caracteristique .item-carateristique .icon,
.light-grey .details-nav .details-nav-item,
.light-grey .formulaire label,
.light-grey .formulaire-title,
.light-grey .listing-list-item-desc-text .circle li:before,
.light-grey .listing-list-item-desc-text .nuage li:before,
.light-grey .main-form .cs-select .cs-options li:hover,
.light-grey .main-form input[type=text] .cs-options li:hover,
.light-grey .page-agences .page-agences-info,
.light-grey .paragraphe .circle li:before,
.light-grey .paragraphe .nuage li:before,
.light-grey .pub .pub-desc .bandeau.pub-title,
.light-grey .pub .pub-desc .pub-slogan .circle li:before,
.light-grey .pub .pub-desc .pub-slogan .nuage li:before,
.light-grey .pub-lexique .pub-title,
.light-grey .search-bar,
.light-grey .title.bandeau,
.light-grey .top-bar .icon-menu span,
.light-grey .top-bar .main-nav,
.light-grey div.i4ewOd-pzNkMb-haAclf,
.light-grey-bg-color,
.listing-list-item-desc-text .circle .light-grey li:before,
.listing-list-item-desc-text .nuage .light-grey li:before,
.main-form .cs-select .cs-options .light-grey li:hover,
.main-form input[type=text] .cs-options .light-grey li:hover,
.page-agences .light-grey .page-agences-info,
.paragraphe .circle .light-grey li:before,
.paragraphe .nuage .light-grey li:before,
.pub .pub-desc .light-grey .bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .light-grey li:before,
.pub .pub-desc .pub-slogan .nuage .light-grey li:before,
.pub-lexique .light-grey .pub-title,
.top-bar .icon-menu .light-grey span,
.top-bar .light-grey .main-nav {
    background-color: #d9dada
}

.details-caracteristique .item-carateristique .light-grey .transparent.icon,
.details-nav .light-grey .transparent.details-nav-item,
.formulaire .light-grey label.transparent,
.light-grey .bg-color.transparent,
.light-grey .details-caracteristique .item-carateristique .transparent.icon,
.light-grey .details-nav .transparent.details-nav-item,
.light-grey .formulaire label.transparent,
.light-grey .listing-list-item-desc-text .circle li.transparent:before,
.light-grey .listing-list-item-desc-text .nuage li.transparent:before,
.light-grey .main-form .cs-select .cs-options li.transparent:hover,
.light-grey .main-form input[type=text] .cs-options li.transparent:hover,
.light-grey .page-agences .transparent.page-agences-info,
.light-grey .paragraphe .circle li.transparent:before,
.light-grey .paragraphe .nuage li.transparent:before,
.light-grey .pub .pub-desc .pub-slogan .circle li.transparent:before,
.light-grey .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.light-grey .pub .pub-desc .transparent.bandeau.pub-title,
.light-grey .pub-lexique .transparent.pub-title,
.light-grey .top-bar .icon-menu span.transparent,
.light-grey .top-bar .transparent.main-nav,
.light-grey .transparent.bandeau.annonces-min-title,
.light-grey .transparent.bandeau.avis-title,
.light-grey .transparent.bandeau.listing-lieu,
.light-grey .transparent.bandeau.listing-resultat,
.light-grey .transparent.bandeau.map-title,
.light-grey .transparent.formulaire-title,
.light-grey .transparent.search-bar,
.light-grey .transparent.title.bandeau,
.light-grey div.transparent.i4ewOd-pzNkMb-haAclf,
.light-grey-bg-color.transparent,
.listing-list-item-desc-text .circle .light-grey li.transparent:before,
.listing-list-item-desc-text .nuage .light-grey li.transparent:before,
.main-form .cs-select .cs-options .light-grey li.transparent:hover,
.main-form input[type=text] .cs-options .light-grey li.transparent:hover,
.page-agences .light-grey .transparent.page-agences-info,
.paragraphe .circle .light-grey li.transparent:before,
.paragraphe .nuage .light-grey li.transparent:before,
.pub .pub-desc .light-grey .transparent.bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .light-grey li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .light-grey li.transparent:before,
.pub-lexique .light-grey .transparent.pub-title,
.top-bar .icon-menu .light-grey span.transparent,
.top-bar .light-grey .transparent.main-nav {
    background-color: rgba(217, 218, 218, .49)
}

.bandeau.annonces-min-title .light-grey .icon,
.bandeau.avis-title .light-grey .icon,
.bandeau.listing-lieu .light-grey .icon,
.bandeau.listing-resultat .light-grey .icon,
.bandeau.map-title .light-grey .icon,
.button-bandeau .light-grey .button-item:hover,
.details-nav .light-grey .details-nav-item:hover,
.formulaire .input-radio-content .light-grey label:after,
.formulaire-title .light-grey h3,
.light-grey #details_video,
.light-grey .bandeau.annonces-min-title .icon,
.light-grey .bandeau.avis-title .icon,
.light-grey .bandeau.listing-lieu .icon,
.light-grey .bandeau.listing-resultat .icon,
.light-grey .bandeau.map-title .icon,
.light-grey .bg-color-dark,
.light-grey .button-bandeau .button-item:hover,
.light-grey .details-nav .details-nav-item:hover,
.light-grey .formulaire .input-radio-content label:after,
.light-grey .formulaire-title h3,
.light-grey .gg-map-poi-container,
.light-grey .listing-list-item-footer,
.light-grey .main-form .plus.active,
.light-grey .main-form .plus:focus,
.light-grey .main-form .plus:hover,
.light-grey .main-form .top-bar .main-nav ul li.plus.title-nav,
.light-grey .page-agences .page-agences-title,
.light-grey .pub .pub-desc .bandeau.pub-title .icon,
.light-grey .title.bandeau .icon,
.light-grey .top-bar .main-nav ul .main-form li.plus.title-nav,
.light-grey-bg-color-dark,
.main-form .light-grey .plus.active,
.main-form .light-grey .plus:focus,
.main-form .light-grey .plus:hover,
.main-form .top-bar .main-nav ul .light-grey li.plus.title-nav,
.page-agences .light-grey .page-agences-title,
.pub .pub-desc .bandeau.pub-title .light-grey .icon,
.title.bandeau .light-grey .icon,
.top-bar .main-nav ul .main-form .light-grey li.plus.title-nav {
    background-color: #bfc1c1
}

.light-grey .bg-color-light,
.light-grey-bg-color-light {
    background-color: #f3f3f3
}

.light-grey.border-color-arrow,
.listing-list-item-desc-text .arrow li.light-grey:before,
.paragraphe .arrow li.light-grey:before,
.pub .pub-desc .pub-slogan .arrow li.light-grey:before {
    border-color: transparent transparent transparent #d9dada
}

.light-grey.border-color-arrow2,
.pub-x2 .light-grey.pub-item:after,
.pub-x3 .light-grey.pub-item:after {
    border-color: #d9dada transparent transparent
}

.light-grey .bg-hover:hover,
.light-grey .bg.active,
.light-grey .top-bar .main-nav ul li.title-nav,
.light-grey-bg-hover:hover,
.light-grey-bg.active,
.top-bar .main-nav ul .light-grey li.title-nav,
.top-bar .main-nav ul li.light-grey-bg.title-nav {
    background-color: #cccdcd
}

.agences .agences-link li:last-child .light-grey a,
.agences .owl-controls .owl-next .light-grey .next,
.agences .owl-controls .owl-next .light-grey .prev,
.agences .owl-controls .owl-prev .light-grey .next,
.agences .owl-controls .owl-prev .light-grey .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .light-grey a,
.annonces-min-nav ul li .light-grey a:hover,
.annonces-min-nav ul li.active .light-grey a,
.annonces-min-title .light-grey *,
.avis-title .light-grey *,
.breadcrumb .light-grey .active,
.breadcrumb .top-bar .main-nav ul .light-grey li.title-nav,
.cs-skin-border .light-grey .cs-options,
.details-list li .light-grey span,
.formulaire .select .light-grey .cs-select,
.light-grey .agences .agences-link li:last-child a,
.light-grey .agences .owl-controls .owl-next .next,
.light-grey .agences .owl-controls .owl-next .prev,
.light-grey .agences .owl-controls .owl-prev .next,
.light-grey .agences .owl-controls .owl-prev .prev,
.light-grey .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.light-grey .annonces-min-nav ul li a:hover,
.light-grey .annonces-min-nav ul li.active a,
.light-grey .annonces-min-title *,
.light-grey .avis-title *,
.light-grey .breadcrumb .active,
.light-grey .breadcrumb .top-bar .main-nav ul li.title-nav,
.light-grey .cs-skin-border .cs-options,
.light-grey .details-list li span,
.light-grey .formulaire .select .cs-select,
.light-grey .listing-lieu *,
.light-grey .listing-list-item-caracteristique-info i,
.light-grey .listing-list-item-desc-text a,
.light-grey .listing-list-item-footer-info i,
.light-grey .listing-resultat *,
.light-grey .main-form .plus,
.light-grey .map-title *,
.light-grey .owl-controls .owl-next .next:hover,
.light-grey .owl-controls .owl-next .prev:hover,
.light-grey .owl-controls .owl-prev .next:hover,
.light-grey .owl-controls .owl-prev .prev:hover,
.light-grey .paragraphe a,
.light-grey .pub .pub-desc .pub-button:hover a,
.light-grey .pub .pub-desc .pub-slogan a,
.light-grey .pub .pub-desc .pub-title *,
.light-grey .pub-x2 .pub-item:nth-child(2) .pub-button a,
.light-grey .pub-x2 .pub-item:nth-child(2) .pub-desc,
.light-grey .pub-x2 .pub-item:nth-child(2) .pub-image i,
.light-grey .pub-x3 .pub-item:nth-child(2) .pub-button a,
.light-grey .pub-x3 .pub-item:nth-child(2) .pub-desc,
.light-grey .pub-x3 .pub-item:nth-child(2) .pub-image i,
.light-grey .text-color,
.light-grey .text-hover:hover,
.light-grey .title *,
.light-grey .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.light-grey .top-bar .main-nav .menu-sup i,
.light-grey .top-bar .main-nav ul .breadcrumb li.title-nav,
.light-grey-text-color,
.light-grey-text-hover:hover,
.listing-lieu .light-grey *,
.listing-list-item-caracteristique-info .light-grey i,
.listing-list-item-desc-text .light-grey a,
.listing-list-item-footer-info .light-grey i,
.listing-resultat .light-grey *,
.main-form .light-grey .plus,
.map-title .light-grey *,
.owl-controls .owl-next .light-grey .next:hover,
.owl-controls .owl-next .light-grey .prev:hover,
.owl-controls .owl-prev .light-grey .next:hover,
.owl-controls .owl-prev .light-grey .prev:hover,
.paragraphe .light-grey a,
.pub .pub-desc .pub-button:hover .light-grey a,
.pub .pub-desc .pub-slogan .light-grey a,
.pub .pub-desc .pub-title .light-grey *,
.pub-x2 .pub-item:nth-child(2) .light-grey .pub-desc,
.pub-x2 .pub-item:nth-child(2) .pub-button .light-grey a,
.pub-x2 .pub-item:nth-child(2) .pub-image .light-grey i,
.pub-x3 .pub-item:nth-child(2) .light-grey .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .light-grey a,
.pub-x3 .pub-item:nth-child(2) .pub-image .light-grey i,
.title .light-grey *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .light-grey a,
.top-bar .main-nav .menu-sup .light-grey i,
.top-bar .main-nav ul .breadcrumb .light-grey li.title-nav {
    color: #d9dada
}

.light-grey .text-color-dark,
.light-grey .text-hover:hover-dark,
.light-grey footer.footer .newsletter button[type=submit]:hover,
.light-grey-text-color-dark,
.light-grey-text-hover:hover-dark,
footer.footer .newsletter .light-grey button[type=submit]:hover {
    color: #bfc1c1
}

.light-grey .text-color-light,
.light-grey .text-hover:hover-light,
.light-grey-text-color-light,
.light-grey-text-hover:hover-light {
    color: #f3f3f3
}

.details-form .details-input .light-grey input,
.details-form .details-textarea .light-grey textarea,
.formulaire .input .light-grey input,
.formulaire .select .cs-select .light-grey .cs-placeholder,
.formulaire .textarea .light-grey textarea,
.light-grey .border-color,
.light-grey .border-hover:hover,
.light-grey .details-form,
.light-grey .details-form .details-input input,
.light-grey .details-form .details-textarea textarea,
.light-grey .details-list.bordered,
.light-grey .formulaire .input input,
.light-grey .formulaire .select .cs-select .cs-placeholder,
.light-grey .formulaire .textarea textarea,
.light-grey .formulaire-part,
.light-grey .main-form .cs-select .cs-options,
.light-grey .main-form .plus,
.light-grey .main-form input[type=text] .cs-options,
.light-grey .owl-controls .owl-next .next:hover,
.light-grey .owl-controls .owl-next .prev:hover,
.light-grey .owl-controls .owl-prev .next:hover,
.light-grey .owl-controls .owl-prev .prev:hover,
.light-grey .pub-lexique,
.light-grey .pub-x2,
.light-grey .pub-x2 .pub-item:nth-child(2) .pub-button a,
.light-grey .pub-x3,
.light-grey .pub-x3 .pub-item:nth-child(2) .pub-button a,
.light-grey-border-color,
.light-grey-border-hover:hover,
.main-form .cs-select .light-grey .cs-options,
.main-form .light-grey .plus,
.main-form input[type=text] .light-grey .cs-options,
.owl-controls .owl-next .light-grey .next:hover,
.owl-controls .owl-next .light-grey .prev:hover,
.owl-controls .owl-prev .light-grey .next:hover,
.owl-controls .owl-prev .light-grey .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .light-grey a,
.pub-x3 .pub-item:nth-child(2) .pub-button .light-grey a {
    border-color: #d9dada!important
}

.light-grey .border-color-arrow,
.light-grey .listing-list-item-desc-text .arrow li:before,
.light-grey .paragraphe .arrow li:before,
.light-grey .pub .pub-desc .pub-slogan .arrow li:before,
.listing-list-item-desc-text .arrow .light-grey li:before,
.paragraphe .arrow .light-grey li:before,
.pub .pub-desc .pub-slogan .arrow .light-grey li:before {
    border-color: transparent transparent transparent #d9dada
}

.light-grey .map-svg svg .hover,
.light-grey .map-svg svg .hover svg,
.light-grey .map-svg svg .polygon:hover,
.light-grey .map-svg svg .polygon:hover svg,
.light-grey .map-svg svg polygon:hover,
.light-grey .map-svg svg polygon:hover svg,
.light-grey .svg-color,
.light-grey .svg-color svg,
.light-grey-svg-color,
.light-grey-svg-color svg,
.map-svg svg .light-grey .hover,
.map-svg svg .light-grey .hover svg,
.map-svg svg .light-grey .polygon:hover,
.map-svg svg .light-grey .polygon:hover svg,
.map-svg svg .light-grey polygon:hover,
.map-svg svg .light-grey polygon:hover svg {
    fill: #d9dada
}

.details-caracteristique .item-carateristique .orange .icon,
.details-nav .orange .details-nav-item,
.formulaire .orange label,
.listing-list-item-desc-text .circle .orange li:before,
.listing-list-item-desc-text .nuage .orange li:before,
.main-form .cs-select .cs-options .orange li:hover,
.main-form input[type=text] .cs-options .orange li:hover,
.orange .bandeau.annonces-min-title,
.orange .bandeau.avis-title,
.orange .bandeau.listing-lieu,
.orange .bandeau.listing-resultat,
.orange .bandeau.map-title,
.orange .bg-color,
.orange .details-caracteristique .item-carateristique .icon,
.orange .details-nav .details-nav-item,
.orange .formulaire label,
.orange .formulaire-title,
.orange .listing-list-item-desc-text .circle li:before,
.orange .listing-list-item-desc-text .nuage li:before,
.orange .main-form .cs-select .cs-options li:hover,
.orange .main-form input[type=text] .cs-options li:hover,
.orange .page-agences .page-agences-info,
.orange .paragraphe .circle li:before,
.orange .paragraphe .nuage li:before,
.orange .pub .pub-desc .bandeau.pub-title,
.orange .pub .pub-desc .pub-slogan .circle li:before,
.orange .pub .pub-desc .pub-slogan .nuage li:before,
.orange .pub-lexique .pub-title,
.orange .search-bar,
.orange .title.bandeau,
.orange .top-bar .icon-menu span,
.orange .top-bar .main-nav,
.orange div.i4ewOd-pzNkMb-haAclf,
.orange-bg-color,
.page-agences .orange .page-agences-info,
.paragraphe .circle .orange li:before,
.paragraphe .nuage .orange li:before,
.pub .pub-desc .orange .bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .orange li:before,
.pub .pub-desc .pub-slogan .nuage .orange li:before,
.pub-lexique .orange .pub-title,
.top-bar .icon-menu .orange span,
.top-bar .orange .main-nav {
    background-color: #f5b61b
}

.details-caracteristique .item-carateristique .orange .transparent.icon,
.details-nav .orange .transparent.details-nav-item,
.formulaire .orange label.transparent,
.listing-list-item-desc-text .circle .orange li.transparent:before,
.listing-list-item-desc-text .nuage .orange li.transparent:before,
.main-form .cs-select .cs-options .orange li.transparent:hover,
.main-form input[type=text] .cs-options .orange li.transparent:hover,
.orange .bg-color.transparent,
.orange .details-caracteristique .item-carateristique .transparent.icon,
.orange .details-nav .transparent.details-nav-item,
.orange .formulaire label.transparent,
.orange .listing-list-item-desc-text .circle li.transparent:before,
.orange .listing-list-item-desc-text .nuage li.transparent:before,
.orange .main-form .cs-select .cs-options li.transparent:hover,
.orange .main-form input[type=text] .cs-options li.transparent:hover,
.orange .page-agences .transparent.page-agences-info,
.orange .paragraphe .circle li.transparent:before,
.orange .paragraphe .nuage li.transparent:before,
.orange .pub .pub-desc .pub-slogan .circle li.transparent:before,
.orange .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.orange .pub .pub-desc .transparent.bandeau.pub-title,
.orange .pub-lexique .transparent.pub-title,
.orange .top-bar .icon-menu span.transparent,
.orange .top-bar .transparent.main-nav,
.orange .transparent.bandeau.annonces-min-title,
.orange .transparent.bandeau.avis-title,
.orange .transparent.bandeau.listing-lieu,
.orange .transparent.bandeau.listing-resultat,
.orange .transparent.bandeau.map-title,
.orange .transparent.formulaire-title,
.orange .transparent.search-bar,
.orange .transparent.title.bandeau,
.orange div.transparent.i4ewOd-pzNkMb-haAclf,
.orange-bg-color.transparent,
.page-agences .orange .transparent.page-agences-info,
.paragraphe .circle .orange li.transparent:before,
.paragraphe .nuage .orange li.transparent:before,
.pub .pub-desc .orange .transparent.bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .orange li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .orange li.transparent:before,
.pub-lexique .orange .transparent.pub-title,
.top-bar .icon-menu .orange span.transparent,
.top-bar .orange .transparent.main-nav {
    background-color: rgba(245, 182, 27, .49)
}

.bandeau.annonces-min-title .orange .icon,
.bandeau.avis-title .orange .icon,
.bandeau.listing-lieu .orange .icon,
.bandeau.listing-resultat .orange .icon,
.bandeau.map-title .orange .icon,
.button-bandeau .orange .button-item:hover,
.details-nav .orange .details-nav-item:hover,
.formulaire .input-radio-content .orange label:after,
.formulaire-title .orange h3,
.main-form .orange .plus.active,
.main-form .orange .plus:focus,
.main-form .orange .plus:hover,
.main-form .top-bar .main-nav ul .orange li.plus.title-nav,
.orange #details_video,
.orange .bandeau.annonces-min-title .icon,
.orange .bandeau.avis-title .icon,
.orange .bandeau.listing-lieu .icon,
.orange .bandeau.listing-resultat .icon,
.orange .bandeau.map-title .icon,
.orange .bg-color-dark,
.orange .button-bandeau .button-item:hover,
.orange .details-nav .details-nav-item:hover,
.orange .formulaire .input-radio-content label:after,
.orange .formulaire-title h3,
.orange .gg-map-poi-container,
.orange .listing-list-item-footer,
.orange .main-form .plus.active,
.orange .main-form .plus:focus,
.orange .main-form .plus:hover,
.orange .main-form .top-bar .main-nav ul li.plus.title-nav,
.orange .page-agences .page-agences-title,
.orange .pub .pub-desc .bandeau.pub-title .icon,
.orange .title.bandeau .icon,
.orange .top-bar .main-nav ul .main-form li.plus.title-nav,
.orange-bg-color-dark,
.page-agences .orange .page-agences-title,
.pub .pub-desc .bandeau.pub-title .orange .icon,
.title.bandeau .orange .icon,
.top-bar .main-nav ul .main-form .orange li.plus.title-nav {
    background-color: #d49909
}

.orange .bg-color-light,
.orange-bg-color-light {
    background-color: #f7c64c
}

.listing-list-item-desc-text .arrow li.orange:before,
.orange.border-color-arrow,
.paragraphe .arrow li.orange:before,
.pub .pub-desc .pub-slogan .arrow li.orange:before {
    border-color: transparent transparent transparent #f5b61b
}

.orange.border-color-arrow2,
.pub-x2 .orange.pub-item:after,
.pub-x3 .orange.pub-item:after {
    border-color: #f5b61b transparent transparent
}

.orange .bg-hover:hover,
.orange .bg.active,
.orange .top-bar .main-nav ul li.title-nav,
.orange-bg-hover:hover,
.orange-bg.active,
.top-bar .main-nav ul .orange li.title-nav,
.top-bar .main-nav ul li.orange-bg.title-nav {
    background-color: #ecab0a
}

.agences .agences-link li:last-child .orange a,
.agences .owl-controls .owl-next .orange .next,
.agences .owl-controls .owl-next .orange .prev,
.agences .owl-controls .owl-prev .orange .next,
.agences .owl-controls .owl-prev .orange .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .orange a,
.annonces-min-nav ul li .orange a:hover,
.annonces-min-nav ul li.active .orange a,
.annonces-min-title .orange *,
.avis-title .orange *,
.breadcrumb .orange .active,
.breadcrumb .top-bar .main-nav ul .orange li.title-nav,
.cs-skin-border .orange .cs-options,
.details-list li .orange span,
.formulaire .select .orange .cs-select,
.listing-lieu .orange *,
.listing-list-item-caracteristique-info .orange i,
.listing-list-item-desc-text .orange a,
.listing-list-item-footer-info .orange i,
.listing-resultat .orange *,
.main-form .orange .plus,
.map-title .orange *,
.orange .agences .agences-link li:last-child a,
.orange .agences .owl-controls .owl-next .next,
.orange .agences .owl-controls .owl-next .prev,
.orange .agences .owl-controls .owl-prev .next,
.orange .agences .owl-controls .owl-prev .prev,
.orange .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.orange .annonces-min-nav ul li a:hover,
.orange .annonces-min-nav ul li.active a,
.orange .annonces-min-title *,
.orange .avis-title *,
.orange .breadcrumb .active,
.orange .breadcrumb .top-bar .main-nav ul li.title-nav,
.orange .cs-skin-border .cs-options,
.orange .details-list li span,
.orange .formulaire .select .cs-select,
.orange .listing-lieu *,
.orange .listing-list-item-caracteristique-info i,
.orange .listing-list-item-desc-text a,
.orange .listing-list-item-footer-info i,
.orange .listing-resultat *,
.orange .main-form .plus,
.orange .map-title *,
.orange .owl-controls .owl-next .next:hover,
.orange .owl-controls .owl-next .prev:hover,
.orange .owl-controls .owl-prev .next:hover,
.orange .owl-controls .owl-prev .prev:hover,
.orange .paragraphe a,
.orange .pub .pub-desc .pub-button:hover a,
.orange .pub .pub-desc .pub-slogan a,
.orange .pub .pub-desc .pub-title *,
.orange .pub-x2 .pub-item:nth-child(2) .pub-button a,
.orange .pub-x2 .pub-item:nth-child(2) .pub-desc,
.orange .pub-x2 .pub-item:nth-child(2) .pub-image i,
.orange .pub-x3 .pub-item:nth-child(2) .pub-button a,
.orange .pub-x3 .pub-item:nth-child(2) .pub-desc,
.orange .pub-x3 .pub-item:nth-child(2) .pub-image i,
.orange .text-color,
.orange .text-hover:hover,
.orange .title *,
.orange .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.orange .top-bar .main-nav .menu-sup i,
.orange .top-bar .main-nav ul .breadcrumb li.title-nav,
.orange-text-color,
.orange-text-hover:hover,
.owl-controls .owl-next .orange .next:hover,
.owl-controls .owl-next .orange .prev:hover,
.owl-controls .owl-prev .orange .next:hover,
.owl-controls .owl-prev .orange .prev:hover,
.paragraphe .orange a,
.pub .pub-desc .pub-button:hover .orange a,
.pub .pub-desc .pub-slogan .orange a,
.pub .pub-desc .pub-title .orange *,
.pub-x2 .pub-item:nth-child(2) .orange .pub-desc,
.pub-x2 .pub-item:nth-child(2) .pub-button .orange a,
.pub-x2 .pub-item:nth-child(2) .pub-image .orange i,
.pub-x3 .pub-item:nth-child(2) .orange .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .orange a,
.pub-x3 .pub-item:nth-child(2) .pub-image .orange i,
.title .orange *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .orange a,
.top-bar .main-nav .menu-sup .orange i,
.top-bar .main-nav ul .breadcrumb .orange li.title-nav {
    color: #f5b61b
}

.orange .text-color-dark,
.orange .text-hover:hover-dark,
.orange footer.footer .newsletter button[type=submit]:hover,
.orange-text-color-dark,
.orange-text-hover:hover-dark,
footer.footer .newsletter .orange button[type=submit]:hover {
    color: #d49909
}

.orange .text-color-light,
.orange .text-hover:hover-light,
.orange-text-color-light,
.orange-text-hover:hover-light {
    color: #f7c64c
}

.details-form .details-input .orange input,
.details-form .details-textarea .orange textarea,
.formulaire .input .orange input,
.formulaire .select .cs-select .orange .cs-placeholder,
.formulaire .textarea .orange textarea,
.main-form .cs-select .orange .cs-options,
.main-form .orange .plus,
.main-form input[type=text] .orange .cs-options,
.orange .border-color,
.orange .border-hover:hover,
.orange .details-form,
.orange .details-form .details-input input,
.orange .details-form .details-textarea textarea,
.orange .details-list.bordered,
.orange .formulaire .input input,
.orange .formulaire .select .cs-select .cs-placeholder,
.orange .formulaire .textarea textarea,
.orange .formulaire-part,
.orange .main-form .cs-select .cs-options,
.orange .main-form .plus,
.orange .main-form input[type=text] .cs-options,
.orange .owl-controls .owl-next .next:hover,
.orange .owl-controls .owl-next .prev:hover,
.orange .owl-controls .owl-prev .next:hover,
.orange .owl-controls .owl-prev .prev:hover,
.orange .pub-lexique,
.orange .pub-x2,
.orange .pub-x2 .pub-item:nth-child(2) .pub-button a,
.orange .pub-x3,
.orange .pub-x3 .pub-item:nth-child(2) .pub-button a,
.orange-border-color,
.orange-border-hover:hover,
.owl-controls .owl-next .orange .next:hover,
.owl-controls .owl-next .orange .prev:hover,
.owl-controls .owl-prev .orange .next:hover,
.owl-controls .owl-prev .orange .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .orange a,
.pub-x3 .pub-item:nth-child(2) .pub-button .orange a {
    border-color: #f5b61b!important
}

.listing-list-item-desc-text .arrow .orange li:before,
.orange .border-color-arrow,
.orange .listing-list-item-desc-text .arrow li:before,
.orange .paragraphe .arrow li:before,
.orange .pub .pub-desc .pub-slogan .arrow li:before,
.paragraphe .arrow .orange li:before,
.pub .pub-desc .pub-slogan .arrow .orange li:before {
    border-color: transparent transparent transparent #f5b61b
}

.map-svg svg .orange .hover,
.map-svg svg .orange .hover svg,
.map-svg svg .orange .polygon:hover,
.map-svg svg .orange .polygon:hover svg,
.map-svg svg .orange polygon:hover,
.map-svg svg .orange polygon:hover svg,
.orange .map-svg svg .hover,
.orange .map-svg svg .hover svg,
.orange .map-svg svg .polygon:hover,
.orange .map-svg svg .polygon:hover svg,
.orange .map-svg svg polygon:hover,
.orange .map-svg svg polygon:hover svg,
.orange .svg-color,
.orange .svg-color svg,
.orange-svg-color,
.orange-svg-color svg {
    fill: #f5b61b
}

.details-caracteristique .item-carateristique .red .icon,
.details-nav .red .details-nav-item,
.formulaire .red label,
.listing-list-item-desc-text .circle .red li:before,
.listing-list-item-desc-text .nuage .red li:before,
.main-form .cs-select .cs-options .red li:hover,
.main-form input[type=text] .cs-options .red li:hover,
.page-agences .red .page-agences-info,
.paragraphe .circle .red li:before,
.paragraphe .nuage .red li:before,
.pub .pub-desc .pub-slogan .circle .red li:before,
.pub .pub-desc .pub-slogan .nuage .red li:before,
.pub .pub-desc .red .bandeau.pub-title,
.pub-lexique .red .pub-title,
.red .bandeau.annonces-min-title,
.red .bandeau.avis-title,
.red .bandeau.listing-lieu,
.red .bandeau.listing-resultat,
.red .bandeau.map-title,
.red .bg-color,
.red .details-caracteristique .item-carateristique .icon,
.red .details-nav .details-nav-item,
.red .formulaire label,
.red .formulaire-title,
.red .listing-list-item-desc-text .circle li:before,
.red .listing-list-item-desc-text .nuage li:before,
.red .main-form .cs-select .cs-options li:hover,
.red .main-form input[type=text] .cs-options li:hover,
.red .page-agences .page-agences-info,
.red .paragraphe .circle li:before,
.red .paragraphe .nuage li:before,
.red .pub .pub-desc .bandeau.pub-title,
.red .pub .pub-desc .pub-slogan .circle li:before,
.red .pub .pub-desc .pub-slogan .nuage li:before,
.red .pub-lexique .pub-title,
.red .search-bar,
.red .title.bandeau,
.red .top-bar .icon-menu span,
.red .top-bar .main-nav,
.red div.i4ewOd-pzNkMb-haAclf,
.red-bg-color,
.top-bar .icon-menu .red span,
.top-bar .red .main-nav {
    background-color: #E1001A
}

.details-caracteristique .item-carateristique .red .transparent.icon,
.details-nav .red .transparent.details-nav-item,
.formulaire .red label.transparent,
.listing-list-item-desc-text .circle .red li.transparent:before,
.listing-list-item-desc-text .nuage .red li.transparent:before,
.main-form .cs-select .cs-options .red li.transparent:hover,
.main-form input[type=text] .cs-options .red li.transparent:hover,
.page-agences .red .transparent.page-agences-info,
.paragraphe .circle .red li.transparent:before,
.paragraphe .nuage .red li.transparent:before,
.pub .pub-desc .pub-slogan .circle .red li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .red li.transparent:before,
.pub .pub-desc .red .transparent.bandeau.pub-title,
.pub-lexique .red .transparent.pub-title,
.red .bg-color.transparent,
.red .details-caracteristique .item-carateristique .transparent.icon,
.red .details-nav .transparent.details-nav-item,
.red .formulaire label.transparent,
.red .listing-list-item-desc-text .circle li.transparent:before,
.red .listing-list-item-desc-text .nuage li.transparent:before,
.red .main-form .cs-select .cs-options li.transparent:hover,
.red .main-form input[type=text] .cs-options li.transparent:hover,
.red .page-agences .transparent.page-agences-info,
.red .paragraphe .circle li.transparent:before,
.red .paragraphe .nuage li.transparent:before,
.red .pub .pub-desc .pub-slogan .circle li.transparent:before,
.red .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.red .pub .pub-desc .transparent.bandeau.pub-title,
.red .pub-lexique .transparent.pub-title,
.red .top-bar .icon-menu span.transparent,
.red .top-bar .transparent.main-nav,
.red .transparent.bandeau.annonces-min-title,
.red .transparent.bandeau.avis-title,
.red .transparent.bandeau.listing-lieu,
.red .transparent.bandeau.listing-resultat,
.red .transparent.bandeau.map-title,
.red .transparent.formulaire-title,
.red .transparent.search-bar,
.red .transparent.title.bandeau,
.red div.transparent.i4ewOd-pzNkMb-haAclf,
.red-bg-color.transparent,
.top-bar .icon-menu .red span.transparent,
.top-bar .red .transparent.main-nav {
    background-color: rgba(225, 0, 26, .49)
}

.bandeau.annonces-min-title .red .icon,
.bandeau.avis-title .red .icon,
.bandeau.listing-lieu .red .icon,
.bandeau.listing-resultat .red .icon,
.bandeau.map-title .red .icon,
.button-bandeau .red .button-item:hover,
.details-nav .red .details-nav-item:hover,
.formulaire .input-radio-content .red label:after,
.formulaire-title .red h3,
.main-form .red .plus.active,
.main-form .red .plus:focus,
.main-form .red .plus:hover,
.main-form .top-bar .main-nav ul .red li.plus.title-nav,
.page-agences .red .page-agences-title,
.pub .pub-desc .bandeau.pub-title .red .icon,
.red #details_video,
.red .bandeau.annonces-min-title .icon,
.red .bandeau.avis-title .icon,
.red .bandeau.listing-lieu .icon,
.red .bandeau.listing-resultat .icon,
.red .bandeau.map-title .icon,
.red .bg-color-dark,
.red .button-bandeau .button-item:hover,
.red .details-nav .details-nav-item:hover,
.red .formulaire .input-radio-content label:after,
.red .formulaire-title h3,
.red .gg-map-poi-container,
.red .listing-list-item-footer,
.red .main-form .plus.active,
.red .main-form .plus:focus,
.red .main-form .plus:hover,
.red .main-form .top-bar .main-nav ul li.plus.title-nav,
.red .page-agences .page-agences-title,
.red .pub .pub-desc .bandeau.pub-title .icon,
.red .title.bandeau .icon,
.red .top-bar .main-nav ul .main-form li.plus.title-nav,
.red-bg-color-dark,
.title.bandeau .red .icon,
.top-bar .main-nav ul .main-form .red li.plus.title-nav {
    background-color: #ae0014
}

.red .bg-color-light,
.red-bg-color-light {
    background-color: #ff1530
}

.listing-list-item-desc-text .arrow li.red:before,
.paragraphe .arrow li.red:before,
.pub .pub-desc .pub-slogan .arrow li.red:before,
.red.border-color-arrow {
    border-color: transparent transparent transparent #E1001A
}

.pub-x2 .red.pub-item:after,
.pub-x3 .red.pub-item:after,
.red.border-color-arrow2 {
    border-color: #E1001A transparent transparent
}

.red .bg-hover:hover,
.red .bg.active,
.red .top-bar .main-nav ul li.title-nav,
.red-bg-hover:hover,
.red-bg.active,
.top-bar .main-nav ul .red li.title-nav,
.top-bar .main-nav ul li.red-bg.title-nav {
    background-color: #c80017
}

.agences .agences-link li:last-child .red a,
.agences .owl-controls .owl-next .red .next,
.agences .owl-controls .owl-next .red .prev,
.agences .owl-controls .owl-prev .red .next,
.agences .owl-controls .owl-prev .red .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .red a,
.annonces-min-nav ul li .red a:hover,
.annonces-min-nav ul li.active .red a,
.annonces-min-title .red *,
.avis-title .red *,
.breadcrumb .red .active,
.breadcrumb .top-bar .main-nav ul .red li.title-nav,
.cs-skin-border .red .cs-options,
.details-list li .red span,
.formulaire .select .red .cs-select,
.listing-lieu .red *,
.listing-list-item-caracteristique-info .red i,
.listing-list-item-desc-text .red a,
.listing-list-item-footer-info .red i,
.listing-resultat .red *,
.main-form .red .plus,
.map-title .red *,
.owl-controls .owl-next .red .next:hover,
.owl-controls .owl-next .red .prev:hover,
.owl-controls .owl-prev .red .next:hover,
.owl-controls .owl-prev .red .prev:hover,
.paragraphe .red a,
.pub .pub-desc .pub-button:hover .red a,
.pub .pub-desc .pub-slogan .red a,
.pub .pub-desc .pub-title .red *,
.pub-x2 .pub-item:nth-child(2) .pub-button .red a,
.pub-x2 .pub-item:nth-child(2) .pub-image .red i,
.pub-x2 .pub-item:nth-child(2) .red .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .red a,
.pub-x3 .pub-item:nth-child(2) .pub-image .red i,
.pub-x3 .pub-item:nth-child(2) .red .pub-desc,
.red .agences .agences-link li:last-child a,
.red .agences .owl-controls .owl-next .next,
.red .agences .owl-controls .owl-next .prev,
.red .agences .owl-controls .owl-prev .next,
.red .agences .owl-controls .owl-prev .prev,
.red .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.red .annonces-min-nav ul li a:hover,
.red .annonces-min-nav ul li.active a,
.red .annonces-min-title *,
.red .avis-title *,
.red .breadcrumb .active,
.red .breadcrumb .top-bar .main-nav ul li.title-nav,
.red .cs-skin-border .cs-options,
.red .details-list li span,
.red .formulaire .select .cs-select,
.red .listing-lieu *,
.red .listing-list-item-caracteristique-info i,
.red .listing-list-item-desc-text a,
.red .listing-list-item-footer-info i,
.red .listing-resultat *,
.red .main-form .plus,
.red .map-title *,
.red .owl-controls .owl-next .next:hover,
.red .owl-controls .owl-next .prev:hover,
.red .owl-controls .owl-prev .next:hover,
.red .owl-controls .owl-prev .prev:hover,
.red .paragraphe a,
.red .pub .pub-desc .pub-button:hover a,
.red .pub .pub-desc .pub-slogan a,
.red .pub .pub-desc .pub-title *,
.red .pub-x2 .pub-item:nth-child(2) .pub-button a,
.red .pub-x2 .pub-item:nth-child(2) .pub-desc,
.red .pub-x2 .pub-item:nth-child(2) .pub-image i,
.red .pub-x3 .pub-item:nth-child(2) .pub-button a,
.red .pub-x3 .pub-item:nth-child(2) .pub-desc,
.red .pub-x3 .pub-item:nth-child(2) .pub-image i,
.red .text-color,
.red .text-hover:hover,
.red .title *,
.red .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.red .top-bar .main-nav .menu-sup i,
.red .top-bar .main-nav ul .breadcrumb li.title-nav,
.red-text-color,
.red-text-hover:hover,
.title .red *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .red a,
.top-bar .main-nav .menu-sup .red i,
.top-bar .main-nav ul .breadcrumb .red li.title-nav {
    color: #E1001A
}

.red .text-color-dark,
.red .text-hover:hover-dark,
.red footer.footer .newsletter button[type=submit]:hover,
.red-text-color-dark,
.red-text-hover:hover-dark,
footer.footer .newsletter .red button[type=submit]:hover {
    color: #ae0014
}

.red .text-color-light,
.red .text-hover:hover-light,
.red-text-color-light,
.red-text-hover:hover-light {
    color: #ff1530
}

.details-form .details-input .red input,
.details-form .details-textarea .red textarea,
.formulaire .input .red input,
.formulaire .select .cs-select .red .cs-placeholder,
.formulaire .textarea .red textarea,
.main-form .cs-select .red .cs-options,
.main-form .red .plus,
.main-form input[type=text] .red .cs-options,
.owl-controls .owl-next .red .next:hover,
.owl-controls .owl-next .red .prev:hover,
.owl-controls .owl-prev .red .next:hover,
.owl-controls .owl-prev .red .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .red a,
.pub-x3 .pub-item:nth-child(2) .pub-button .red a,
.red .border-color,
.red .border-hover:hover,
.red .details-form,
.red .details-form .details-input input,
.red .details-form .details-textarea textarea,
.red .details-list.bordered,
.red .formulaire .input input,
.red .formulaire .select .cs-select .cs-placeholder,
.red .formulaire .textarea textarea,
.red .formulaire-part,
.red .main-form .cs-select .cs-options,
.red .main-form .plus,
.red .main-form input[type=text] .cs-options,
.red .owl-controls .owl-next .next:hover,
.red .owl-controls .owl-next .prev:hover,
.red .owl-controls .owl-prev .next:hover,
.red .owl-controls .owl-prev .prev:hover,
.red .pub-lexique,
.red .pub-x2,
.red .pub-x2 .pub-item:nth-child(2) .pub-button a,
.red .pub-x3,
.red .pub-x3 .pub-item:nth-child(2) .pub-button a,
.red-border-color,
.red-border-hover:hover {
    border-color: #E1001A!important
}

.listing-list-item-desc-text .arrow .red li:before,
.paragraphe .arrow .red li:before,
.pub .pub-desc .pub-slogan .arrow .red li:before,
.red .border-color-arrow,
.red .listing-list-item-desc-text .arrow li:before,
.red .paragraphe .arrow li:before,
.red .pub .pub-desc .pub-slogan .arrow li:before {
    border-color: transparent transparent transparent #E1001A
}

.map-svg svg .red .hover,
.map-svg svg .red .hover svg,
.map-svg svg .red .polygon:hover,
.map-svg svg .red .polygon:hover svg,
.map-svg svg .red polygon:hover,
.map-svg svg .red polygon:hover svg,
.red .map-svg svg .hover,
.red .map-svg svg .hover svg,
.red .map-svg svg .polygon:hover,
.red .map-svg svg .polygon:hover svg,
.red .map-svg svg polygon:hover,
.red .map-svg svg polygon:hover svg,
.red .svg-color,
.red .svg-color svg,
.red-svg-color,
.red-svg-color svg {
    fill: #E1001A
}

.details-caracteristique .item-carateristique .green .icon,
.details-nav .green .details-nav-item,
.formulaire .green label,
.green .bandeau.annonces-min-title,
.green .bandeau.avis-title,
.green .bandeau.listing-lieu,
.green .bandeau.listing-resultat,
.green .bandeau.map-title,
.green .bg-color,
.green .details-caracteristique .item-carateristique .icon,
.green .details-nav .details-nav-item,
.green .formulaire label,
.green .formulaire-title,
.green .listing-list-item-desc-text .circle li:before,
.green .listing-list-item-desc-text .nuage li:before,
.green .main-form .cs-select .cs-options li:hover,
.green .main-form input[type=text] .cs-options li:hover,
.green .page-agences .page-agences-info,
.green .paragraphe .circle li:before,
.green .paragraphe .nuage li:before,
.green .pub .pub-desc .bandeau.pub-title,
.green .pub .pub-desc .pub-slogan .circle li:before,
.green .pub .pub-desc .pub-slogan .nuage li:before,
.green .pub-lexique .pub-title,
.green .search-bar,
.green .title.bandeau,
.green .top-bar .icon-menu span,
.green .top-bar .main-nav,
.green div.i4ewOd-pzNkMb-haAclf,
.green-bg-color,
.listing-list-item-desc-text .circle .green li:before,
.listing-list-item-desc-text .nuage .green li:before,
.main-form .cs-select .cs-options .green li:hover,
.main-form input[type=text] .cs-options .green li:hover,
.page-agences .green .page-agences-info,
.paragraphe .circle .green li:before,
.paragraphe .nuage .green li:before,
.pub .pub-desc .green .bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .green li:before,
.pub .pub-desc .pub-slogan .nuage .green li:before,
.pub-lexique .green .pub-title,
.top-bar .green .main-nav,
.top-bar .icon-menu .green span {
    background-color: #6CA225
}

.details-caracteristique .item-carateristique .green .transparent.icon,
.details-nav .green .transparent.details-nav-item,
.formulaire .green label.transparent,
.green .bg-color.transparent,
.green .details-caracteristique .item-carateristique .transparent.icon,
.green .details-nav .transparent.details-nav-item,
.green .formulaire label.transparent,
.green .listing-list-item-desc-text .circle li.transparent:before,
.green .listing-list-item-desc-text .nuage li.transparent:before,
.green .main-form .cs-select .cs-options li.transparent:hover,
.green .main-form input[type=text] .cs-options li.transparent:hover,
.green .page-agences .transparent.page-agences-info,
.green .paragraphe .circle li.transparent:before,
.green .paragraphe .nuage li.transparent:before,
.green .pub .pub-desc .pub-slogan .circle li.transparent:before,
.green .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.green .pub .pub-desc .transparent.bandeau.pub-title,
.green .pub-lexique .transparent.pub-title,
.green .top-bar .icon-menu span.transparent,
.green .top-bar .transparent.main-nav,
.green .transparent.bandeau.annonces-min-title,
.green .transparent.bandeau.avis-title,
.green .transparent.bandeau.listing-lieu,
.green .transparent.bandeau.listing-resultat,
.green .transparent.bandeau.map-title,
.green .transparent.formulaire-title,
.green .transparent.search-bar,
.green .transparent.title.bandeau,
.green div.transparent.i4ewOd-pzNkMb-haAclf,
.green-bg-color.transparent,
.listing-list-item-desc-text .circle .green li.transparent:before,
.listing-list-item-desc-text .nuage .green li.transparent:before,
.main-form .cs-select .cs-options .green li.transparent:hover,
.main-form input[type=text] .cs-options .green li.transparent:hover,
.page-agences .green .transparent.page-agences-info,
.paragraphe .circle .green li.transparent:before,
.paragraphe .nuage .green li.transparent:before,
.pub .pub-desc .green .transparent.bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .green li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .green li.transparent:before,
.pub-lexique .green .transparent.pub-title,
.top-bar .green .transparent.main-nav,
.top-bar .icon-menu .green span.transparent {
    background-color: rgba(108, 162, 37, .49)
}

.bandeau.annonces-min-title .green .icon,
.bandeau.avis-title .green .icon,
.bandeau.listing-lieu .green .icon,
.bandeau.listing-resultat .green .icon,
.bandeau.map-title .green .icon,
.button-bandeau .green .button-item:hover,
.details-nav .green .details-nav-item:hover,
.formulaire .input-radio-content .green label:after,
.formulaire-title .green h3,
.green #details_video,
.green .bandeau.annonces-min-title .icon,
.green .bandeau.avis-title .icon,
.green .bandeau.listing-lieu .icon,
.green .bandeau.listing-resultat .icon,
.green .bandeau.map-title .icon,
.green .bg-color-dark,
.green .button-bandeau .button-item:hover,
.green .details-nav .details-nav-item:hover,
.green .formulaire .input-radio-content label:after,
.green .formulaire-title h3,
.green .gg-map-poi-container,
.green .listing-list-item-footer,
.green .main-form .plus.active,
.green .main-form .plus:focus,
.green .main-form .plus:hover,
.green .main-form .top-bar .main-nav ul li.plus.title-nav,
.green .page-agences .page-agences-title,
.green .pub .pub-desc .bandeau.pub-title .icon,
.green .title.bandeau .icon,
.green .top-bar .main-nav ul .main-form li.plus.title-nav,
.green-bg-color-dark,
.main-form .green .plus.active,
.main-form .green .plus:focus,
.main-form .green .plus:hover,
.main-form .top-bar .main-nav ul .green li.plus.title-nav,
.page-agences .green .page-agences-title,
.pub .pub-desc .bandeau.pub-title .green .icon,
.title.bandeau .green .icon,
.top-bar .main-nav ul .main-form .green li.plus.title-nav {
    background-color: #50781c
}

.green .bg-color-light,
.green-bg-color-light {
    background-color: #88cc2e
}

.green.border-color-arrow,
.listing-list-item-desc-text .arrow li.green:before,
.paragraphe .arrow li.green:before,
.pub .pub-desc .pub-slogan .arrow li.green:before {
    border-color: transparent transparent transparent #6CA225
}

.green.border-color-arrow2,
.pub-x2 .green.pub-item:after,
.pub-x3 .green.pub-item:after {
    border-color: #6CA225 transparent transparent
}

.green .bg-hover:hover,
.green .bg.active,
.green .top-bar .main-nav ul li.title-nav,
.green-bg-hover:hover,
.green-bg.active,
.top-bar .main-nav ul .green li.title-nav,
.top-bar .main-nav ul li.green-bg.title-nav {
    background-color: #5e8d20
}

.agences .agences-link li:last-child .green a,
.agences .owl-controls .owl-next .green .next,
.agences .owl-controls .owl-next .green .prev,
.agences .owl-controls .owl-prev .green .next,
.agences .owl-controls .owl-prev .green .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .green a,
.annonces-min-nav ul li .green a:hover,
.annonces-min-nav ul li.active .green a,
.annonces-min-title .green *,
.avis-title .green *,
.breadcrumb .green .active,
.breadcrumb .top-bar .main-nav ul .green li.title-nav,
.cs-skin-border .green .cs-options,
.details-list li .green span,
.formulaire .select .green .cs-select,
.green .agences .agences-link li:last-child a,
.green .agences .owl-controls .owl-next .next,
.green .agences .owl-controls .owl-next .prev,
.green .agences .owl-controls .owl-prev .next,
.green .agences .owl-controls .owl-prev .prev,
.green .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.green .annonces-min-nav ul li a:hover,
.green .annonces-min-nav ul li.active a,
.green .annonces-min-title *,
.green .avis-title *,
.green .breadcrumb .active,
.green .breadcrumb .top-bar .main-nav ul li.title-nav,
.green .cs-skin-border .cs-options,
.green .details-list li span,
.green .formulaire .select .cs-select,
.green .listing-lieu *,
.green .listing-list-item-caracteristique-info i,
.green .listing-list-item-desc-text a,
.green .listing-list-item-footer-info i,
.green .listing-resultat *,
.green .main-form .plus,
.green .map-title *,
.green .owl-controls .owl-next .next:hover,
.green .owl-controls .owl-next .prev:hover,
.green .owl-controls .owl-prev .next:hover,
.green .owl-controls .owl-prev .prev:hover,
.green .paragraphe a,
.green .pub .pub-desc .pub-button:hover a,
.green .pub .pub-desc .pub-slogan a,
.green .pub .pub-desc .pub-title *,
.green .pub-x2 .pub-item:nth-child(2) .pub-button a,
.green .pub-x2 .pub-item:nth-child(2) .pub-desc,
.green .pub-x2 .pub-item:nth-child(2) .pub-image i,
.green .pub-x3 .pub-item:nth-child(2) .pub-button a,
.green .pub-x3 .pub-item:nth-child(2) .pub-desc,
.green .pub-x3 .pub-item:nth-child(2) .pub-image i,
.green .text-color,
.green .text-hover:hover,
.green .title *,
.green .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.green .top-bar .main-nav .menu-sup i,
.green .top-bar .main-nav ul .breadcrumb li.title-nav,
.green-text-color,
.green-text-hover:hover,
.listing-lieu .green *,
.listing-list-item-caracteristique-info .green i,
.listing-list-item-desc-text .green a,
.listing-list-item-footer-info .green i,
.listing-resultat .green *,
.main-form .green .plus,
.map-title .green *,
.owl-controls .owl-next .green .next:hover,
.owl-controls .owl-next .green .prev:hover,
.owl-controls .owl-prev .green .next:hover,
.owl-controls .owl-prev .green .prev:hover,
.paragraphe .green a,
.pub .pub-desc .pub-button:hover .green a,
.pub .pub-desc .pub-slogan .green a,
.pub .pub-desc .pub-title .green *,
.pub-x2 .pub-item:nth-child(2) .green .pub-desc,
.pub-x2 .pub-item:nth-child(2) .pub-button .green a,
.pub-x2 .pub-item:nth-child(2) .pub-image .green i,
.pub-x3 .pub-item:nth-child(2) .green .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .green a,
.pub-x3 .pub-item:nth-child(2) .pub-image .green i,
.title .green *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .green a,
.top-bar .main-nav .menu-sup .green i,
.top-bar .main-nav ul .breadcrumb .green li.title-nav {
    color: #6CA225
}

.green .text-color-dark,
.green .text-hover:hover-dark,
.green footer.footer .newsletter button[type=submit]:hover,
.green-text-color-dark,
.green-text-hover:hover-dark,
footer.footer .newsletter .green button[type=submit]:hover {
    color: #50781c
}

.green .text-color-light,
.green .text-hover:hover-light,
.green-text-color-light,
.green-text-hover:hover-light {
    color: #88cc2e
}

.details-form .details-input .green input,
.details-form .details-textarea .green textarea,
.formulaire .input .green input,
.formulaire .select .cs-select .green .cs-placeholder,
.formulaire .textarea .green textarea,
.green .border-color,
.green .border-hover:hover,
.green .details-form,
.green .details-form .details-input input,
.green .details-form .details-textarea textarea,
.green .details-list.bordered,
.green .formulaire .input input,
.green .formulaire .select .cs-select .cs-placeholder,
.green .formulaire .textarea textarea,
.green .formulaire-part,
.green .main-form .cs-select .cs-options,
.green .main-form .plus,
.green .main-form input[type=text] .cs-options,
.green .owl-controls .owl-next .next:hover,
.green .owl-controls .owl-next .prev:hover,
.green .owl-controls .owl-prev .next:hover,
.green .owl-controls .owl-prev .prev:hover,
.green .pub-lexique,
.green .pub-x2,
.green .pub-x2 .pub-item:nth-child(2) .pub-button a,
.green .pub-x3,
.green .pub-x3 .pub-item:nth-child(2) .pub-button a,
.green-border-color,
.green-border-hover:hover,
.main-form .cs-select .green .cs-options,
.main-form .green .plus,
.main-form input[type=text] .green .cs-options,
.owl-controls .owl-next .green .next:hover,
.owl-controls .owl-next .green .prev:hover,
.owl-controls .owl-prev .green .next:hover,
.owl-controls .owl-prev .green .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .green a,
.pub-x3 .pub-item:nth-child(2) .pub-button .green a {
    border-color: #6CA225!important
}

.green .border-color-arrow,
.green .listing-list-item-desc-text .arrow li:before,
.green .paragraphe .arrow li:before,
.green .pub .pub-desc .pub-slogan .arrow li:before,
.listing-list-item-desc-text .arrow .green li:before,
.paragraphe .arrow .green li:before,
.pub .pub-desc .pub-slogan .arrow .green li:before {
    border-color: transparent transparent transparent #6CA225
}

.green .map-svg svg .hover,
.green .map-svg svg .hover svg,
.green .map-svg svg .polygon:hover,
.green .map-svg svg .polygon:hover svg,
.green .map-svg svg polygon:hover,
.green .map-svg svg polygon:hover svg,
.green .svg-color,
.green .svg-color svg,
.green-svg-color,
.green-svg-color svg,
.map-svg svg .green .hover,
.map-svg svg .green .hover svg,
.map-svg svg .green .polygon:hover,
.map-svg svg .green .polygon:hover svg,
.map-svg svg .green polygon:hover,
.map-svg svg .green polygon:hover svg {
    fill: #6CA225
}

.details-caracteristique .item-carateristique .pink .icon,
.details-nav .pink .details-nav-item,
.formulaire .pink label,
.listing-list-item-desc-text .circle .pink li:before,
.listing-list-item-desc-text .nuage .pink li:before,
.main-form .cs-select .cs-options .pink li:hover,
.main-form input[type=text] .cs-options .pink li:hover,
.page-agences .pink .page-agences-info,
.paragraphe .circle .pink li:before,
.paragraphe .nuage .pink li:before,
.pink .bandeau.annonces-min-title,
.pink .bandeau.avis-title,
.pink .bandeau.listing-lieu,
.pink .bandeau.listing-resultat,
.pink .bandeau.map-title,
.pink .bg-color,
.pink .details-caracteristique .item-carateristique .icon,
.pink .details-nav .details-nav-item,
.pink .formulaire label,
.pink .formulaire-title,
.pink .listing-list-item-desc-text .circle li:before,
.pink .listing-list-item-desc-text .nuage li:before,
.pink .main-form .cs-select .cs-options li:hover,
.pink .main-form input[type=text] .cs-options li:hover,
.pink .page-agences .page-agences-info,
.pink .paragraphe .circle li:before,
.pink .paragraphe .nuage li:before,
.pink .pub .pub-desc .bandeau.pub-title,
.pink .pub .pub-desc .pub-slogan .circle li:before,
.pink .pub .pub-desc .pub-slogan .nuage li:before,
.pink .pub-lexique .pub-title,
.pink .search-bar,
.pink .title.bandeau,
.pink .top-bar .icon-menu span,
.pink .top-bar .main-nav,
.pink div.i4ewOd-pzNkMb-haAclf,
.pink-bg-color,
.pub .pub-desc .pink .bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .pink li:before,
.pub .pub-desc .pub-slogan .nuage .pink li:before,
.pub-lexique .pink .pub-title,
.top-bar .icon-menu .pink span,
.top-bar .pink .main-nav {
    background-color: #e91e63
}

.details-caracteristique .item-carateristique .pink .transparent.icon,
.details-nav .pink .transparent.details-nav-item,
.formulaire .pink label.transparent,
.listing-list-item-desc-text .circle .pink li.transparent:before,
.listing-list-item-desc-text .nuage .pink li.transparent:before,
.main-form .cs-select .cs-options .pink li.transparent:hover,
.main-form input[type=text] .cs-options .pink li.transparent:hover,
.page-agences .pink .transparent.page-agences-info,
.paragraphe .circle .pink li.transparent:before,
.paragraphe .nuage .pink li.transparent:before,
.pink .bg-color.transparent,
.pink .details-caracteristique .item-carateristique .transparent.icon,
.pink .details-nav .transparent.details-nav-item,
.pink .formulaire label.transparent,
.pink .listing-list-item-desc-text .circle li.transparent:before,
.pink .listing-list-item-desc-text .nuage li.transparent:before,
.pink .main-form .cs-select .cs-options li.transparent:hover,
.pink .main-form input[type=text] .cs-options li.transparent:hover,
.pink .page-agences .transparent.page-agences-info,
.pink .paragraphe .circle li.transparent:before,
.pink .paragraphe .nuage li.transparent:before,
.pink .pub .pub-desc .pub-slogan .circle li.transparent:before,
.pink .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.pink .pub .pub-desc .transparent.bandeau.pub-title,
.pink .pub-lexique .transparent.pub-title,
.pink .top-bar .icon-menu span.transparent,
.pink .top-bar .transparent.main-nav,
.pink .transparent.bandeau.annonces-min-title,
.pink .transparent.bandeau.avis-title,
.pink .transparent.bandeau.listing-lieu,
.pink .transparent.bandeau.listing-resultat,
.pink .transparent.bandeau.map-title,
.pink .transparent.formulaire-title,
.pink .transparent.search-bar,
.pink .transparent.title.bandeau,
.pink div.transparent.i4ewOd-pzNkMb-haAclf,
.pink-bg-color.transparent,
.pub .pub-desc .pink .transparent.bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .pink li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .pink li.transparent:before,
.pub-lexique .pink .transparent.pub-title,
.top-bar .icon-menu .pink span.transparent,
.top-bar .pink .transparent.main-nav {
    background-color: rgba(233, 30, 99, .49)
}

.bandeau.annonces-min-title .pink .icon,
.bandeau.avis-title .pink .icon,
.bandeau.listing-lieu .pink .icon,
.bandeau.listing-resultat .pink .icon,
.bandeau.map-title .pink .icon,
.button-bandeau .pink .button-item:hover,
.details-nav .pink .details-nav-item:hover,
.formulaire .input-radio-content .pink label:after,
.formulaire-title .pink h3,
.main-form .pink .plus.active,
.main-form .pink .plus:focus,
.main-form .pink .plus:hover,
.main-form .top-bar .main-nav ul .pink li.plus.title-nav,
.page-agences .pink .page-agences-title,
.pink #details_video,
.pink .bandeau.annonces-min-title .icon,
.pink .bandeau.avis-title .icon,
.pink .bandeau.listing-lieu .icon,
.pink .bandeau.listing-resultat .icon,
.pink .bandeau.map-title .icon,
.pink .bg-color-dark,
.pink .button-bandeau .button-item:hover,
.pink .details-nav .details-nav-item:hover,
.pink .formulaire .input-radio-content label:after,
.pink .formulaire-title h3,
.pink .gg-map-poi-container,
.pink .listing-list-item-footer,
.pink .main-form .plus.active,
.pink .main-form .plus:focus,
.pink .main-form .plus:hover,
.pink .main-form .top-bar .main-nav ul li.plus.title-nav,
.pink .page-agences .page-agences-title,
.pink .pub .pub-desc .bandeau.pub-title .icon,
.pink .title.bandeau .icon,
.pink .top-bar .main-nav ul .main-form li.plus.title-nav,
.pink-bg-color-dark,
.pub .pub-desc .bandeau.pub-title .pink .icon,
.title.bandeau .pink .icon,
.top-bar .main-nav ul .main-form .pink li.plus.title-nav {
    background-color: #c1134e
}

.pink .bg-color-light,
.pink-bg-color-light {
    background-color: #ee4c83
}

.listing-list-item-desc-text .arrow li.pink:before,
.paragraphe .arrow li.pink:before,
.pink.border-color-arrow,
.pub .pub-desc .pub-slogan .arrow li.pink:before {
    border-color: transparent transparent transparent #e91e63
}

.pink.border-color-arrow2,
.pub-x2 .pink.pub-item:after,
.pub-x3 .pink.pub-item:after {
    border-color: #e91e63 transparent transparent
}

.pink .bg-hover:hover,
.pink .bg.active,
.pink .top-bar .main-nav ul li.title-nav,
.pink-bg-hover:hover,
.pink-bg.active,
.top-bar .main-nav ul .pink li.title-nav,
.top-bar .main-nav ul li.pink-bg.title-nav {
    background-color: #d81558
}

.agences .agences-link li:last-child .pink a,
.agences .owl-controls .owl-next .pink .next,
.agences .owl-controls .owl-next .pink .prev,
.agences .owl-controls .owl-prev .pink .next,
.agences .owl-controls .owl-prev .pink .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .pink a,
.annonces-min-nav ul li .pink a:hover,
.annonces-min-nav ul li.active .pink a,
.annonces-min-title .pink *,
.avis-title .pink *,
.breadcrumb .pink .active,
.breadcrumb .top-bar .main-nav ul .pink li.title-nav,
.cs-skin-border .pink .cs-options,
.details-list li .pink span,
.formulaire .select .pink .cs-select,
.listing-lieu .pink *,
.listing-list-item-caracteristique-info .pink i,
.listing-list-item-desc-text .pink a,
.listing-list-item-footer-info .pink i,
.listing-resultat .pink *,
.main-form .pink .plus,
.map-title .pink *,
.owl-controls .owl-next .pink .next:hover,
.owl-controls .owl-next .pink .prev:hover,
.owl-controls .owl-prev .pink .next:hover,
.owl-controls .owl-prev .pink .prev:hover,
.paragraphe .pink a,
.pink .agences .agences-link li:last-child a,
.pink .agences .owl-controls .owl-next .next,
.pink .agences .owl-controls .owl-next .prev,
.pink .agences .owl-controls .owl-prev .next,
.pink .agences .owl-controls .owl-prev .prev,
.pink .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.pink .annonces-min-nav ul li a:hover,
.pink .annonces-min-nav ul li.active a,
.pink .annonces-min-title *,
.pink .avis-title *,
.pink .breadcrumb .active,
.pink .breadcrumb .top-bar .main-nav ul li.title-nav,
.pink .cs-skin-border .cs-options,
.pink .details-list li span,
.pink .formulaire .select .cs-select,
.pink .listing-lieu *,
.pink .listing-list-item-caracteristique-info i,
.pink .listing-list-item-desc-text a,
.pink .listing-list-item-footer-info i,
.pink .listing-resultat *,
.pink .main-form .plus,
.pink .map-title *,
.pink .owl-controls .owl-next .next:hover,
.pink .owl-controls .owl-next .prev:hover,
.pink .owl-controls .owl-prev .next:hover,
.pink .owl-controls .owl-prev .prev:hover,
.pink .paragraphe a,
.pink .pub .pub-desc .pub-button:hover a,
.pink .pub .pub-desc .pub-slogan a,
.pink .pub .pub-desc .pub-title *,
.pink .pub-x2 .pub-item:nth-child(2) .pub-button a,
.pink .pub-x2 .pub-item:nth-child(2) .pub-desc,
.pink .pub-x2 .pub-item:nth-child(2) .pub-image i,
.pink .pub-x3 .pub-item:nth-child(2) .pub-button a,
.pink .pub-x3 .pub-item:nth-child(2) .pub-desc,
.pink .pub-x3 .pub-item:nth-child(2) .pub-image i,
.pink .text-color,
.pink .text-hover:hover,
.pink .title *,
.pink .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.pink .top-bar .main-nav .menu-sup i,
.pink .top-bar .main-nav ul .breadcrumb li.title-nav,
.pink-text-color,
.pink-text-hover:hover,
.pub .pub-desc .pub-button:hover .pink a,
.pub .pub-desc .pub-slogan .pink a,
.pub .pub-desc .pub-title .pink *,
.pub-x2 .pub-item:nth-child(2) .pink .pub-desc,
.pub-x2 .pub-item:nth-child(2) .pub-button .pink a,
.pub-x2 .pub-item:nth-child(2) .pub-image .pink i,
.pub-x3 .pub-item:nth-child(2) .pink .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .pink a,
.pub-x3 .pub-item:nth-child(2) .pub-image .pink i,
.title .pink *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .pink a,
.top-bar .main-nav .menu-sup .pink i,
.top-bar .main-nav ul .breadcrumb .pink li.title-nav {
    color: #e91e63
}

.pink .text-color-dark,
.pink .text-hover:hover-dark,
.pink footer.footer .newsletter button[type=submit]:hover,
.pink-text-color-dark,
.pink-text-hover:hover-dark,
footer.footer .newsletter .pink button[type=submit]:hover {
    color: #c1134e
}

.pink .text-color-light,
.pink .text-hover:hover-light,
.pink-text-color-light,
.pink-text-hover:hover-light {
    color: #ee4c83
}

.details-form .details-input .pink input,
.details-form .details-textarea .pink textarea,
.formulaire .input .pink input,
.formulaire .select .cs-select .pink .cs-placeholder,
.formulaire .textarea .pink textarea,
.main-form .cs-select .pink .cs-options,
.main-form .pink .plus,
.main-form input[type=text] .pink .cs-options,
.owl-controls .owl-next .pink .next:hover,
.owl-controls .owl-next .pink .prev:hover,
.owl-controls .owl-prev .pink .next:hover,
.owl-controls .owl-prev .pink .prev:hover,
.pink .border-color,
.pink .border-hover:hover,
.pink .details-form,
.pink .details-form .details-input input,
.pink .details-form .details-textarea textarea,
.pink .details-list.bordered,
.pink .formulaire .input input,
.pink .formulaire .select .cs-select .cs-placeholder,
.pink .formulaire .textarea textarea,
.pink .formulaire-part,
.pink .main-form .cs-select .cs-options,
.pink .main-form .plus,
.pink .main-form input[type=text] .cs-options,
.pink .owl-controls .owl-next .next:hover,
.pink .owl-controls .owl-next .prev:hover,
.pink .owl-controls .owl-prev .next:hover,
.pink .owl-controls .owl-prev .prev:hover,
.pink .pub-lexique,
.pink .pub-x2,
.pink .pub-x2 .pub-item:nth-child(2) .pub-button a,
.pink .pub-x3,
.pink .pub-x3 .pub-item:nth-child(2) .pub-button a,
.pink-border-color,
.pink-border-hover:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .pink a,
.pub-x3 .pub-item:nth-child(2) .pub-button .pink a {
    border-color: #e91e63!important
}

.listing-list-item-desc-text .arrow .pink li:before,
.paragraphe .arrow .pink li:before,
.pink .border-color-arrow,
.pink .listing-list-item-desc-text .arrow li:before,
.pink .paragraphe .arrow li:before,
.pink .pub .pub-desc .pub-slogan .arrow li:before,
.pub .pub-desc .pub-slogan .arrow .pink li:before {
    border-color: transparent transparent transparent #e91e63
}

.map-svg svg .pink .hover,
.map-svg svg .pink .hover svg,
.map-svg svg .pink .polygon:hover,
.map-svg svg .pink .polygon:hover svg,
.map-svg svg .pink polygon:hover,
.map-svg svg .pink polygon:hover svg,
.pink .map-svg svg .hover,
.pink .map-svg svg .hover svg,
.pink .map-svg svg .polygon:hover,
.pink .map-svg svg .polygon:hover svg,
.pink .map-svg svg polygon:hover,
.pink .map-svg svg polygon:hover svg,
.pink .svg-color,
.pink .svg-color svg,
.pink-svg-color,
.pink-svg-color svg {
    fill: #e91e63
}

.details-caracteristique .item-carateristique .purple .icon,
.details-nav .purple .details-nav-item,
.formulaire .purple label,
.listing-list-item-desc-text .circle .purple li:before,
.listing-list-item-desc-text .nuage .purple li:before,
.main-form .cs-select .cs-options .purple li:hover,
.main-form input[type=text] .cs-options .purple li:hover,
.page-agences .purple .page-agences-info,
.paragraphe .circle .purple li:before,
.paragraphe .nuage .purple li:before,
.pub .pub-desc .pub-slogan .circle .purple li:before,
.pub .pub-desc .pub-slogan .nuage .purple li:before,
.pub .pub-desc .purple .bandeau.pub-title,
.pub-lexique .purple .pub-title,
.purple .bandeau.annonces-min-title,
.purple .bandeau.avis-title,
.purple .bandeau.listing-lieu,
.purple .bandeau.listing-resultat,
.purple .bandeau.map-title,
.purple .bg-color,
.purple .details-caracteristique .item-carateristique .icon,
.purple .details-nav .details-nav-item,
.purple .formulaire label,
.purple .formulaire-title,
.purple .listing-list-item-desc-text .circle li:before,
.purple .listing-list-item-desc-text .nuage li:before,
.purple .main-form .cs-select .cs-options li:hover,
.purple .main-form input[type=text] .cs-options li:hover,
.purple .page-agences .page-agences-info,
.purple .paragraphe .circle li:before,
.purple .paragraphe .nuage li:before,
.purple .pub .pub-desc .bandeau.pub-title,
.purple .pub .pub-desc .pub-slogan .circle li:before,
.purple .pub .pub-desc .pub-slogan .nuage li:before,
.purple .pub-lexique .pub-title,
.purple .search-bar,
.purple .title.bandeau,
.purple .top-bar .icon-menu span,
.purple .top-bar .main-nav,
.purple div.i4ewOd-pzNkMb-haAclf,
.purple-bg-color,
.top-bar .icon-menu .purple span,
.top-bar .purple .main-nav {
    background-color: #9c27b0
}

.details-caracteristique .item-carateristique .purple .transparent.icon,
.details-nav .purple .transparent.details-nav-item,
.formulaire .purple label.transparent,
.listing-list-item-desc-text .circle .purple li.transparent:before,
.listing-list-item-desc-text .nuage .purple li.transparent:before,
.main-form .cs-select .cs-options .purple li.transparent:hover,
.main-form input[type=text] .cs-options .purple li.transparent:hover,
.page-agences .purple .transparent.page-agences-info,
.paragraphe .circle .purple li.transparent:before,
.paragraphe .nuage .purple li.transparent:before,
.pub .pub-desc .pub-slogan .circle .purple li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .purple li.transparent:before,
.pub .pub-desc .purple .transparent.bandeau.pub-title,
.pub-lexique .purple .transparent.pub-title,
.purple .bg-color.transparent,
.purple .details-caracteristique .item-carateristique .transparent.icon,
.purple .details-nav .transparent.details-nav-item,
.purple .formulaire label.transparent,
.purple .listing-list-item-desc-text .circle li.transparent:before,
.purple .listing-list-item-desc-text .nuage li.transparent:before,
.purple .main-form .cs-select .cs-options li.transparent:hover,
.purple .main-form input[type=text] .cs-options li.transparent:hover,
.purple .page-agences .transparent.page-agences-info,
.purple .paragraphe .circle li.transparent:before,
.purple .paragraphe .nuage li.transparent:before,
.purple .pub .pub-desc .pub-slogan .circle li.transparent:before,
.purple .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.purple .pub .pub-desc .transparent.bandeau.pub-title,
.purple .pub-lexique .transparent.pub-title,
.purple .top-bar .icon-menu span.transparent,
.purple .top-bar .transparent.main-nav,
.purple .transparent.bandeau.annonces-min-title,
.purple .transparent.bandeau.avis-title,
.purple .transparent.bandeau.listing-lieu,
.purple .transparent.bandeau.listing-resultat,
.purple .transparent.bandeau.map-title,
.purple .transparent.formulaire-title,
.purple .transparent.search-bar,
.purple .transparent.title.bandeau,
.purple div.transparent.i4ewOd-pzNkMb-haAclf,
.purple-bg-color.transparent,
.top-bar .icon-menu .purple span.transparent,
.top-bar .purple .transparent.main-nav {
    background-color: rgba(156, 39, 176, .49)
}

.bandeau.annonces-min-title .purple .icon,
.bandeau.avis-title .purple .icon,
.bandeau.listing-lieu .purple .icon,
.bandeau.listing-resultat .purple .icon,
.bandeau.map-title .purple .icon,
.button-bandeau .purple .button-item:hover,
.details-nav .purple .details-nav-item:hover,
.formulaire .input-radio-content .purple label:after,
.formulaire-title .purple h3,
.main-form .purple .plus.active,
.main-form .purple .plus:focus,
.main-form .purple .plus:hover,
.main-form .top-bar .main-nav ul .purple li.plus.title-nav,
.page-agences .purple .page-agences-title,
.pub .pub-desc .bandeau.pub-title .purple .icon,
.purple #details_video,
.purple .bandeau.annonces-min-title .icon,
.purple .bandeau.avis-title .icon,
.purple .bandeau.listing-lieu .icon,
.purple .bandeau.listing-resultat .icon,
.purple .bandeau.map-title .icon,
.purple .bg-color-dark,
.purple .button-bandeau .button-item:hover,
.purple .details-nav .details-nav-item:hover,
.purple .formulaire .input-radio-content label:after,
.purple .formulaire-title h3,
.purple .gg-map-poi-container,
.purple .listing-list-item-footer,
.purple .main-form .plus.active,
.purple .main-form .plus:focus,
.purple .main-form .plus:hover,
.purple .main-form .top-bar .main-nav ul li.plus.title-nav,
.purple .page-agences .page-agences-title,
.purple .pub .pub-desc .bandeau.pub-title .icon,
.purple .title.bandeau .icon,
.purple .top-bar .main-nav ul .main-form li.plus.title-nav,
.purple-bg-color-dark,
.title.bandeau .purple .icon,
.top-bar .main-nav ul .main-form .purple li.plus.title-nav {
    background-color: #771e86
}

.purple .bg-color-light,
.purple-bg-color-light {
    background-color: #bc37d3
}

.listing-list-item-desc-text .arrow li.purple:before,
.paragraphe .arrow li.purple:before,
.pub .pub-desc .pub-slogan .arrow li.purple:before,
.purple.border-color-arrow {
    border-color: transparent transparent transparent #9c27b0
}

.pub-x2 .purple.pub-item:after,
.pub-x3 .purple.pub-item:after,
.purple.border-color-arrow2 {
    border-color: #9c27b0 transparent transparent
}

.purple .bg-hover:hover,
.purple .bg.active,
.purple .top-bar .main-nav ul li.title-nav,
.purple-bg-hover:hover,
.purple-bg.active,
.top-bar .main-nav ul .purple li.title-nav,
.top-bar .main-nav ul li.purple-bg.title-nav {
    background-color: #89229b
}

.agences .agences-link li:last-child .purple a,
.agences .owl-controls .owl-next .purple .next,
.agences .owl-controls .owl-next .purple .prev,
.agences .owl-controls .owl-prev .purple .next,
.agences .owl-controls .owl-prev .purple .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .purple a,
.annonces-min-nav ul li .purple a:hover,
.annonces-min-nav ul li.active .purple a,
.annonces-min-title .purple *,
.avis-title .purple *,
.breadcrumb .purple .active,
.breadcrumb .top-bar .main-nav ul .purple li.title-nav,
.cs-skin-border .purple .cs-options,
.details-list li .purple span,
.formulaire .select .purple .cs-select,
.listing-lieu .purple *,
.listing-list-item-caracteristique-info .purple i,
.listing-list-item-desc-text .purple a,
.listing-list-item-footer-info .purple i,
.listing-resultat .purple *,
.main-form .purple .plus,
.map-title .purple *,
.owl-controls .owl-next .purple .next:hover,
.owl-controls .owl-next .purple .prev:hover,
.owl-controls .owl-prev .purple .next:hover,
.owl-controls .owl-prev .purple .prev:hover,
.paragraphe .purple a,
.pub .pub-desc .pub-button:hover .purple a,
.pub .pub-desc .pub-slogan .purple a,
.pub .pub-desc .pub-title .purple *,
.pub-x2 .pub-item:nth-child(2) .pub-button .purple a,
.pub-x2 .pub-item:nth-child(2) .pub-image .purple i,
.pub-x2 .pub-item:nth-child(2) .purple .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .purple a,
.pub-x3 .pub-item:nth-child(2) .pub-image .purple i,
.pub-x3 .pub-item:nth-child(2) .purple .pub-desc,
.purple .agences .agences-link li:last-child a,
.purple .agences .owl-controls .owl-next .next,
.purple .agences .owl-controls .owl-next .prev,
.purple .agences .owl-controls .owl-prev .next,
.purple .agences .owl-controls .owl-prev .prev,
.purple .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.purple .annonces-min-nav ul li a:hover,
.purple .annonces-min-nav ul li.active a,
.purple .annonces-min-title *,
.purple .avis-title *,
.purple .breadcrumb .active,
.purple .breadcrumb .top-bar .main-nav ul li.title-nav,
.purple .cs-skin-border .cs-options,
.purple .details-list li span,
.purple .formulaire .select .cs-select,
.purple .listing-lieu *,
.purple .listing-list-item-caracteristique-info i,
.purple .listing-list-item-desc-text a,
.purple .listing-list-item-footer-info i,
.purple .listing-resultat *,
.purple .main-form .plus,
.purple .map-title *,
.purple .owl-controls .owl-next .next:hover,
.purple .owl-controls .owl-next .prev:hover,
.purple .owl-controls .owl-prev .next:hover,
.purple .owl-controls .owl-prev .prev:hover,
.purple .paragraphe a,
.purple .pub .pub-desc .pub-button:hover a,
.purple .pub .pub-desc .pub-slogan a,
.purple .pub .pub-desc .pub-title *,
.purple .pub-x2 .pub-item:nth-child(2) .pub-button a,
.purple .pub-x2 .pub-item:nth-child(2) .pub-desc,
.purple .pub-x2 .pub-item:nth-child(2) .pub-image i,
.purple .pub-x3 .pub-item:nth-child(2) .pub-button a,
.purple .pub-x3 .pub-item:nth-child(2) .pub-desc,
.purple .pub-x3 .pub-item:nth-child(2) .pub-image i,
.purple .text-color,
.purple .text-hover:hover,
.purple .title *,
.purple .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.purple .top-bar .main-nav .menu-sup i,
.purple .top-bar .main-nav ul .breadcrumb li.title-nav,
.purple-text-color,
.purple-text-hover:hover,
.title .purple *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .purple a,
.top-bar .main-nav .menu-sup .purple i,
.top-bar .main-nav ul .breadcrumb .purple li.title-nav {
    color: #9c27b0
}

.purple .text-color-dark,
.purple .text-hover:hover-dark,
.purple footer.footer .newsletter button[type=submit]:hover,
.purple-text-color-dark,
.purple-text-hover:hover-dark,
footer.footer .newsletter .purple button[type=submit]:hover {
    color: #771e86
}

.purple .text-color-light,
.purple .text-hover:hover-light,
.purple-text-color-light,
.purple-text-hover:hover-light {
    color: #bc37d3
}

.details-form .details-input .purple input,
.details-form .details-textarea .purple textarea,
.formulaire .input .purple input,
.formulaire .select .cs-select .purple .cs-placeholder,
.formulaire .textarea .purple textarea,
.main-form .cs-select .purple .cs-options,
.main-form .purple .plus,
.main-form input[type=text] .purple .cs-options,
.owl-controls .owl-next .purple .next:hover,
.owl-controls .owl-next .purple .prev:hover,
.owl-controls .owl-prev .purple .next:hover,
.owl-controls .owl-prev .purple .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .purple a,
.pub-x3 .pub-item:nth-child(2) .pub-button .purple a,
.purple .border-color,
.purple .border-hover:hover,
.purple .details-form,
.purple .details-form .details-input input,
.purple .details-form .details-textarea textarea,
.purple .details-list.bordered,
.purple .formulaire .input input,
.purple .formulaire .select .cs-select .cs-placeholder,
.purple .formulaire .textarea textarea,
.purple .formulaire-part,
.purple .main-form .cs-select .cs-options,
.purple .main-form .plus,
.purple .main-form input[type=text] .cs-options,
.purple .owl-controls .owl-next .next:hover,
.purple .owl-controls .owl-next .prev:hover,
.purple .owl-controls .owl-prev .next:hover,
.purple .owl-controls .owl-prev .prev:hover,
.purple .pub-lexique,
.purple .pub-x2,
.purple .pub-x2 .pub-item:nth-child(2) .pub-button a,
.purple .pub-x3,
.purple .pub-x3 .pub-item:nth-child(2) .pub-button a,
.purple-border-color,
.purple-border-hover:hover {
    border-color: #9c27b0!important
}

.listing-list-item-desc-text .arrow .purple li:before,
.paragraphe .arrow .purple li:before,
.pub .pub-desc .pub-slogan .arrow .purple li:before,
.purple .border-color-arrow,
.purple .listing-list-item-desc-text .arrow li:before,
.purple .paragraphe .arrow li:before,
.purple .pub .pub-desc .pub-slogan .arrow li:before {
    border-color: transparent transparent transparent #9c27b0
}

.map-svg svg .purple .hover,
.map-svg svg .purple .hover svg,
.map-svg svg .purple .polygon:hover,
.map-svg svg .purple .polygon:hover svg,
.map-svg svg .purple polygon:hover,
.map-svg svg .purple polygon:hover svg,
.purple .map-svg svg .hover,
.purple .map-svg svg .hover svg,
.purple .map-svg svg .polygon:hover,
.purple .map-svg svg .polygon:hover svg,
.purple .map-svg svg polygon:hover,
.purple .map-svg svg polygon:hover svg,
.purple .svg-color,
.purple .svg-color svg,
.purple-svg-color,
.purple-svg-color svg {
    fill: #9c27b0
}

.deep-purple .bandeau.annonces-min-title,
.deep-purple .bandeau.avis-title,
.deep-purple .bandeau.listing-lieu,
.deep-purple .bandeau.listing-resultat,
.deep-purple .bandeau.map-title,
.deep-purple .bg-color,
.deep-purple .details-caracteristique .item-carateristique .icon,
.deep-purple .details-nav .details-nav-item,
.deep-purple .formulaire label,
.deep-purple .formulaire-title,
.deep-purple .listing-list-item-desc-text .circle li:before,
.deep-purple .listing-list-item-desc-text .nuage li:before,
.deep-purple .main-form .cs-select .cs-options li:hover,
.deep-purple .main-form input[type=text] .cs-options li:hover,
.deep-purple .page-agences .page-agences-info,
.deep-purple .paragraphe .circle li:before,
.deep-purple .paragraphe .nuage li:before,
.deep-purple .pub .pub-desc .bandeau.pub-title,
.deep-purple .pub .pub-desc .pub-slogan .circle li:before,
.deep-purple .pub .pub-desc .pub-slogan .nuage li:before,
.deep-purple .pub-lexique .pub-title,
.deep-purple .search-bar,
.deep-purple .title.bandeau,
.deep-purple .top-bar .icon-menu span,
.deep-purple .top-bar .main-nav,
.deep-purple div.i4ewOd-pzNkMb-haAclf,
.deep-purple-bg-color,
.details-caracteristique .item-carateristique .deep-purple .icon,
.details-nav .deep-purple .details-nav-item,
.formulaire .deep-purple label,
.listing-list-item-desc-text .circle .deep-purple li:before,
.listing-list-item-desc-text .nuage .deep-purple li:before,
.main-form .cs-select .cs-options .deep-purple li:hover,
.main-form input[type=text] .cs-options .deep-purple li:hover,
.page-agences .deep-purple .page-agences-info,
.paragraphe .circle .deep-purple li:before,
.paragraphe .nuage .deep-purple li:before,
.pub .pub-desc .deep-purple .bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .deep-purple li:before,
.pub .pub-desc .pub-slogan .nuage .deep-purple li:before,
.pub-lexique .deep-purple .pub-title,
.top-bar .deep-purple .main-nav,
.top-bar .icon-menu .deep-purple span {
    background-color: #673ab7
}

.deep-purple .bg-color.transparent,
.deep-purple .details-caracteristique .item-carateristique .transparent.icon,
.deep-purple .details-nav .transparent.details-nav-item,
.deep-purple .formulaire label.transparent,
.deep-purple .listing-list-item-desc-text .circle li.transparent:before,
.deep-purple .listing-list-item-desc-text .nuage li.transparent:before,
.deep-purple .main-form .cs-select .cs-options li.transparent:hover,
.deep-purple .main-form input[type=text] .cs-options li.transparent:hover,
.deep-purple .page-agences .transparent.page-agences-info,
.deep-purple .paragraphe .circle li.transparent:before,
.deep-purple .paragraphe .nuage li.transparent:before,
.deep-purple .pub .pub-desc .pub-slogan .circle li.transparent:before,
.deep-purple .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.deep-purple .pub .pub-desc .transparent.bandeau.pub-title,
.deep-purple .pub-lexique .transparent.pub-title,
.deep-purple .top-bar .icon-menu span.transparent,
.deep-purple .top-bar .transparent.main-nav,
.deep-purple .transparent.bandeau.annonces-min-title,
.deep-purple .transparent.bandeau.avis-title,
.deep-purple .transparent.bandeau.listing-lieu,
.deep-purple .transparent.bandeau.listing-resultat,
.deep-purple .transparent.bandeau.map-title,
.deep-purple .transparent.formulaire-title,
.deep-purple .transparent.search-bar,
.deep-purple .transparent.title.bandeau,
.deep-purple div.transparent.i4ewOd-pzNkMb-haAclf,
.deep-purple-bg-color.transparent,
.details-caracteristique .item-carateristique .deep-purple .transparent.icon,
.details-nav .deep-purple .transparent.details-nav-item,
.formulaire .deep-purple label.transparent,
.listing-list-item-desc-text .circle .deep-purple li.transparent:before,
.listing-list-item-desc-text .nuage .deep-purple li.transparent:before,
.main-form .cs-select .cs-options .deep-purple li.transparent:hover,
.main-form input[type=text] .cs-options .deep-purple li.transparent:hover,
.page-agences .deep-purple .transparent.page-agences-info,
.paragraphe .circle .deep-purple li.transparent:before,
.paragraphe .nuage .deep-purple li.transparent:before,
.pub .pub-desc .deep-purple .transparent.bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .deep-purple li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .deep-purple li.transparent:before,
.pub-lexique .deep-purple .transparent.pub-title,
.top-bar .deep-purple .transparent.main-nav,
.top-bar .icon-menu .deep-purple span.transparent {
    background-color: rgba(103, 58, 183, .49)
}

.bandeau.annonces-min-title .deep-purple .icon,
.bandeau.avis-title .deep-purple .icon,
.bandeau.listing-lieu .deep-purple .icon,
.bandeau.listing-resultat .deep-purple .icon,
.bandeau.map-title .deep-purple .icon,
.button-bandeau .deep-purple .button-item:hover,
.deep-purple #details_video,
.deep-purple .bandeau.annonces-min-title .icon,
.deep-purple .bandeau.avis-title .icon,
.deep-purple .bandeau.listing-lieu .icon,
.deep-purple .bandeau.listing-resultat .icon,
.deep-purple .bandeau.map-title .icon,
.deep-purple .bg-color-dark,
.deep-purple .button-bandeau .button-item:hover,
.deep-purple .details-nav .details-nav-item:hover,
.deep-purple .formulaire .input-radio-content label:after,
.deep-purple .formulaire-title h3,
.deep-purple .gg-map-poi-container,
.deep-purple .listing-list-item-footer,
.deep-purple .main-form .plus.active,
.deep-purple .main-form .plus:focus,
.deep-purple .main-form .plus:hover,
.deep-purple .main-form .top-bar .main-nav ul li.plus.title-nav,
.deep-purple .page-agences .page-agences-title,
.deep-purple .pub .pub-desc .bandeau.pub-title .icon,
.deep-purple .title.bandeau .icon,
.deep-purple .top-bar .main-nav ul .main-form li.plus.title-nav,
.deep-purple-bg-color-dark,
.details-nav .deep-purple .details-nav-item:hover,
.formulaire .input-radio-content .deep-purple label:after,
.formulaire-title .deep-purple h3,
.main-form .deep-purple .plus.active,
.main-form .deep-purple .plus:focus,
.main-form .deep-purple .plus:hover,
.main-form .top-bar .main-nav ul .deep-purple li.plus.title-nav,
.page-agences .deep-purple .page-agences-title,
.pub .pub-desc .bandeau.pub-title .deep-purple .icon,
.title.bandeau .deep-purple .icon,
.top-bar .main-nav ul .main-form .deep-purple li.plus.title-nav {
    background-color: #512e90
}

.deep-purple .bg-color-light,
.deep-purple-bg-color-light {
    background-color: #8259cb
}

.deep-purple.border-color-arrow,
.listing-list-item-desc-text .arrow li.deep-purple:before,
.paragraphe .arrow li.deep-purple:before,
.pub .pub-desc .pub-slogan .arrow li.deep-purple:before {
    border-color: transparent transparent transparent #673ab7
}

.deep-purple.border-color-arrow2,
.pub-x2 .deep-purple.pub-item:after,
.pub-x3 .deep-purple.pub-item:after {
    border-color: #673ab7 transparent transparent
}

.deep-purple .bg-hover:hover,
.deep-purple .bg.active,
.deep-purple .top-bar .main-nav ul li.title-nav,
.deep-purple-bg-hover:hover,
.deep-purple-bg.active,
.top-bar .main-nav ul .deep-purple li.title-nav,
.top-bar .main-nav ul li.deep-purple-bg.title-nav {
    background-color: #5c34a4
}

.agences .agences-link li:last-child .deep-purple a,
.agences .owl-controls .owl-next .deep-purple .next,
.agences .owl-controls .owl-next .deep-purple .prev,
.agences .owl-controls .owl-prev .deep-purple .next,
.agences .owl-controls .owl-prev .deep-purple .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .deep-purple a,
.annonces-min-nav ul li .deep-purple a:hover,
.annonces-min-nav ul li.active .deep-purple a,
.annonces-min-title .deep-purple *,
.avis-title .deep-purple *,
.breadcrumb .deep-purple .active,
.breadcrumb .top-bar .main-nav ul .deep-purple li.title-nav,
.cs-skin-border .deep-purple .cs-options,
.deep-purple .agences .agences-link li:last-child a,
.deep-purple .agences .owl-controls .owl-next .next,
.deep-purple .agences .owl-controls .owl-next .prev,
.deep-purple .agences .owl-controls .owl-prev .next,
.deep-purple .agences .owl-controls .owl-prev .prev,
.deep-purple .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.deep-purple .annonces-min-nav ul li a:hover,
.deep-purple .annonces-min-nav ul li.active a,
.deep-purple .annonces-min-title *,
.deep-purple .avis-title *,
.deep-purple .breadcrumb .active,
.deep-purple .breadcrumb .top-bar .main-nav ul li.title-nav,
.deep-purple .cs-skin-border .cs-options,
.deep-purple .details-list li span,
.deep-purple .formulaire .select .cs-select,
.deep-purple .listing-lieu *,
.deep-purple .listing-list-item-caracteristique-info i,
.deep-purple .listing-list-item-desc-text a,
.deep-purple .listing-list-item-footer-info i,
.deep-purple .listing-resultat *,
.deep-purple .main-form .plus,
.deep-purple .map-title *,
.deep-purple .owl-controls .owl-next .next:hover,
.deep-purple .owl-controls .owl-next .prev:hover,
.deep-purple .owl-controls .owl-prev .next:hover,
.deep-purple .owl-controls .owl-prev .prev:hover,
.deep-purple .paragraphe a,
.deep-purple .pub .pub-desc .pub-button:hover a,
.deep-purple .pub .pub-desc .pub-slogan a,
.deep-purple .pub .pub-desc .pub-title *,
.deep-purple .pub-x2 .pub-item:nth-child(2) .pub-button a,
.deep-purple .pub-x2 .pub-item:nth-child(2) .pub-desc,
.deep-purple .pub-x2 .pub-item:nth-child(2) .pub-image i,
.deep-purple .pub-x3 .pub-item:nth-child(2) .pub-button a,
.deep-purple .pub-x3 .pub-item:nth-child(2) .pub-desc,
.deep-purple .pub-x3 .pub-item:nth-child(2) .pub-image i,
.deep-purple .text-color,
.deep-purple .text-hover:hover,
.deep-purple .title *,
.deep-purple .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.deep-purple .top-bar .main-nav .menu-sup i,
.deep-purple .top-bar .main-nav ul .breadcrumb li.title-nav,
.deep-purple-text-color,
.deep-purple-text-hover:hover,
.details-list li .deep-purple span,
.formulaire .select .deep-purple .cs-select,
.listing-lieu .deep-purple *,
.listing-list-item-caracteristique-info .deep-purple i,
.listing-list-item-desc-text .deep-purple a,
.listing-list-item-footer-info .deep-purple i,
.listing-resultat .deep-purple *,
.main-form .deep-purple .plus,
.map-title .deep-purple *,
.owl-controls .owl-next .deep-purple .next:hover,
.owl-controls .owl-next .deep-purple .prev:hover,
.owl-controls .owl-prev .deep-purple .next:hover,
.owl-controls .owl-prev .deep-purple .prev:hover,
.paragraphe .deep-purple a,
.pub .pub-desc .pub-button:hover .deep-purple a,
.pub .pub-desc .pub-slogan .deep-purple a,
.pub .pub-desc .pub-title .deep-purple *,
.pub-x2 .pub-item:nth-child(2) .deep-purple .pub-desc,
.pub-x2 .pub-item:nth-child(2) .pub-button .deep-purple a,
.pub-x2 .pub-item:nth-child(2) .pub-image .deep-purple i,
.pub-x3 .pub-item:nth-child(2) .deep-purple .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .deep-purple a,
.pub-x3 .pub-item:nth-child(2) .pub-image .deep-purple i,
.title .deep-purple *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .deep-purple a,
.top-bar .main-nav .menu-sup .deep-purple i,
.top-bar .main-nav ul .breadcrumb .deep-purple li.title-nav {
    color: #673ab7
}

.deep-purple .text-color-dark,
.deep-purple .text-hover:hover-dark,
.deep-purple footer.footer .newsletter button[type=submit]:hover,
.deep-purple-text-color-dark,
.deep-purple-text-hover:hover-dark,
footer.footer .newsletter .deep-purple button[type=submit]:hover {
    color: #512e90
}

.deep-purple .text-color-light,
.deep-purple .text-hover:hover-light,
.deep-purple-text-color-light,
.deep-purple-text-hover:hover-light {
    color: #8259cb
}

.deep-purple .border-color,
.deep-purple .border-hover:hover,
.deep-purple .details-form,
.deep-purple .details-form .details-input input,
.deep-purple .details-form .details-textarea textarea,
.deep-purple .details-list.bordered,
.deep-purple .formulaire .input input,
.deep-purple .formulaire .select .cs-select .cs-placeholder,
.deep-purple .formulaire .textarea textarea,
.deep-purple .formulaire-part,
.deep-purple .main-form .cs-select .cs-options,
.deep-purple .main-form .plus,
.deep-purple .main-form input[type=text] .cs-options,
.deep-purple .owl-controls .owl-next .next:hover,
.deep-purple .owl-controls .owl-next .prev:hover,
.deep-purple .owl-controls .owl-prev .next:hover,
.deep-purple .owl-controls .owl-prev .prev:hover,
.deep-purple .pub-lexique,
.deep-purple .pub-x2,
.deep-purple .pub-x2 .pub-item:nth-child(2) .pub-button a,
.deep-purple .pub-x3,
.deep-purple .pub-x3 .pub-item:nth-child(2) .pub-button a,
.deep-purple-border-color,
.deep-purple-border-hover:hover,
.details-form .details-input .deep-purple input,
.details-form .details-textarea .deep-purple textarea,
.formulaire .input .deep-purple input,
.formulaire .select .cs-select .deep-purple .cs-placeholder,
.formulaire .textarea .deep-purple textarea,
.main-form .cs-select .deep-purple .cs-options,
.main-form .deep-purple .plus,
.main-form input[type=text] .deep-purple .cs-options,
.owl-controls .owl-next .deep-purple .next:hover,
.owl-controls .owl-next .deep-purple .prev:hover,
.owl-controls .owl-prev .deep-purple .next:hover,
.owl-controls .owl-prev .deep-purple .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .deep-purple a,
.pub-x3 .pub-item:nth-child(2) .pub-button .deep-purple a {
    border-color: #673ab7!important
}

.deep-purple .border-color-arrow,
.deep-purple .listing-list-item-desc-text .arrow li:before,
.deep-purple .paragraphe .arrow li:before,
.deep-purple .pub .pub-desc .pub-slogan .arrow li:before,
.listing-list-item-desc-text .arrow .deep-purple li:before,
.paragraphe .arrow .deep-purple li:before,
.pub .pub-desc .pub-slogan .arrow .deep-purple li:before {
    border-color: transparent transparent transparent #673ab7
}

.deep-purple .map-svg svg .hover,
.deep-purple .map-svg svg .hover svg,
.deep-purple .map-svg svg .polygon:hover,
.deep-purple .map-svg svg .polygon:hover svg,
.deep-purple .map-svg svg polygon:hover,
.deep-purple .map-svg svg polygon:hover svg,
.deep-purple .svg-color,
.deep-purple .svg-color svg,
.deep-purple-svg-color,
.deep-purple-svg-color svg,
.map-svg svg .deep-purple .hover,
.map-svg svg .deep-purple .hover svg,
.map-svg svg .deep-purple .polygon:hover,
.map-svg svg .deep-purple .polygon:hover svg,
.map-svg svg .deep-purple polygon:hover,
.map-svg svg .deep-purple polygon:hover svg {
    fill: #673ab7
}

.details-caracteristique .item-carateristique .indigo .icon,
.details-nav .indigo .details-nav-item,
.formulaire .indigo label,
.indigo .bandeau.annonces-min-title,
.indigo .bandeau.avis-title,
.indigo .bandeau.listing-lieu,
.indigo .bandeau.listing-resultat,
.indigo .bandeau.map-title,
.indigo .bg-color,
.indigo .details-caracteristique .item-carateristique .icon,
.indigo .details-nav .details-nav-item,
.indigo .formulaire label,
.indigo .formulaire-title,
.indigo .listing-list-item-desc-text .circle li:before,
.indigo .listing-list-item-desc-text .nuage li:before,
.indigo .main-form .cs-select .cs-options li:hover,
.indigo .main-form input[type=text] .cs-options li:hover,
.indigo .page-agences .page-agences-info,
.indigo .paragraphe .circle li:before,
.indigo .paragraphe .nuage li:before,
.indigo .pub .pub-desc .bandeau.pub-title,
.indigo .pub .pub-desc .pub-slogan .circle li:before,
.indigo .pub .pub-desc .pub-slogan .nuage li:before,
.indigo .pub-lexique .pub-title,
.indigo .search-bar,
.indigo .title.bandeau,
.indigo .top-bar .icon-menu span,
.indigo .top-bar .main-nav,
.indigo div.i4ewOd-pzNkMb-haAclf,
.indigo-bg-color,
.listing-list-item-desc-text .circle .indigo li:before,
.listing-list-item-desc-text .nuage .indigo li:before,
.main-form .cs-select .cs-options .indigo li:hover,
.main-form input[type=text] .cs-options .indigo li:hover,
.page-agences .indigo .page-agences-info,
.paragraphe .circle .indigo li:before,
.paragraphe .nuage .indigo li:before,
.pub .pub-desc .indigo .bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .indigo li:before,
.pub .pub-desc .pub-slogan .nuage .indigo li:before,
.pub-lexique .indigo .pub-title,
.top-bar .icon-menu .indigo span,
.top-bar .indigo .main-nav {
    background-color: #3f51b5
}

.details-caracteristique .item-carateristique .indigo .transparent.icon,
.details-nav .indigo .transparent.details-nav-item,
.formulaire .indigo label.transparent,
.indigo .bg-color.transparent,
.indigo .details-caracteristique .item-carateristique .transparent.icon,
.indigo .details-nav .transparent.details-nav-item,
.indigo .formulaire label.transparent,
.indigo .listing-list-item-desc-text .circle li.transparent:before,
.indigo .listing-list-item-desc-text .nuage li.transparent:before,
.indigo .main-form .cs-select .cs-options li.transparent:hover,
.indigo .main-form input[type=text] .cs-options li.transparent:hover,
.indigo .page-agences .transparent.page-agences-info,
.indigo .paragraphe .circle li.transparent:before,
.indigo .paragraphe .nuage li.transparent:before,
.indigo .pub .pub-desc .pub-slogan .circle li.transparent:before,
.indigo .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.indigo .pub .pub-desc .transparent.bandeau.pub-title,
.indigo .pub-lexique .transparent.pub-title,
.indigo .top-bar .icon-menu span.transparent,
.indigo .top-bar .transparent.main-nav,
.indigo .transparent.bandeau.annonces-min-title,
.indigo .transparent.bandeau.avis-title,
.indigo .transparent.bandeau.listing-lieu,
.indigo .transparent.bandeau.listing-resultat,
.indigo .transparent.bandeau.map-title,
.indigo .transparent.formulaire-title,
.indigo .transparent.search-bar,
.indigo .transparent.title.bandeau,
.indigo div.transparent.i4ewOd-pzNkMb-haAclf,
.indigo-bg-color.transparent,
.listing-list-item-desc-text .circle .indigo li.transparent:before,
.listing-list-item-desc-text .nuage .indigo li.transparent:before,
.main-form .cs-select .cs-options .indigo li.transparent:hover,
.main-form input[type=text] .cs-options .indigo li.transparent:hover,
.page-agences .indigo .transparent.page-agences-info,
.paragraphe .circle .indigo li.transparent:before,
.paragraphe .nuage .indigo li.transparent:before,
.pub .pub-desc .indigo .transparent.bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .indigo li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .indigo li.transparent:before,
.pub-lexique .indigo .transparent.pub-title,
.top-bar .icon-menu .indigo span.transparent,
.top-bar .indigo .transparent.main-nav {
    background-color: rgba(63, 81, 181, .49)
}

.bandeau.annonces-min-title .indigo .icon,
.bandeau.avis-title .indigo .icon,
.bandeau.listing-lieu .indigo .icon,
.bandeau.listing-resultat .indigo .icon,
.bandeau.map-title .indigo .icon,
.button-bandeau .indigo .button-item:hover,
.details-nav .indigo .details-nav-item:hover,
.formulaire .input-radio-content .indigo label:after,
.formulaire-title .indigo h3,
.indigo #details_video,
.indigo .bandeau.annonces-min-title .icon,
.indigo .bandeau.avis-title .icon,
.indigo .bandeau.listing-lieu .icon,
.indigo .bandeau.listing-resultat .icon,
.indigo .bandeau.map-title .icon,
.indigo .bg-color-dark,
.indigo .button-bandeau .button-item:hover,
.indigo .details-nav .details-nav-item:hover,
.indigo .formulaire .input-radio-content label:after,
.indigo .formulaire-title h3,
.indigo .gg-map-poi-container,
.indigo .listing-list-item-footer,
.indigo .main-form .plus.active,
.indigo .main-form .plus:focus,
.indigo .main-form .plus:hover,
.indigo .main-form .top-bar .main-nav ul li.plus.title-nav,
.indigo .page-agences .page-agences-title,
.indigo .pub .pub-desc .bandeau.pub-title .icon,
.indigo .title.bandeau .icon,
.indigo .top-bar .main-nav ul .main-form li.plus.title-nav,
.indigo-bg-color-dark,
.main-form .indigo .plus.active,
.main-form .indigo .plus:focus,
.main-form .indigo .plus:hover,
.main-form .top-bar .main-nav ul .indigo li.plus.title-nav,
.page-agences .indigo .page-agences-title,
.pub .pub-desc .bandeau.pub-title .indigo .icon,
.title.bandeau .indigo .icon,
.top-bar .main-nav ul .main-form .indigo li.plus.title-nav {
    background-color: #32408f
}

.indigo .bg-color-light,
.indigo-bg-color-light {
    background-color: #606fc7
}

.indigo.border-color-arrow,
.listing-list-item-desc-text .arrow li.indigo:before,
.paragraphe .arrow li.indigo:before,
.pub .pub-desc .pub-slogan .arrow li.indigo:before {
    border-color: transparent transparent transparent #3f51b5
}

.indigo.border-color-arrow2,
.pub-x2 .indigo.pub-item:after,
.pub-x3 .indigo.pub-item:after {
    border-color: #3f51b5 transparent transparent
}

.indigo .bg-hover:hover,
.indigo .bg.active,
.indigo .top-bar .main-nav ul li.title-nav,
.indigo-bg-hover:hover,
.indigo-bg.active,
.top-bar .main-nav ul .indigo li.title-nav,
.top-bar .main-nav ul li.indigo-bg.title-nav {
    background-color: #3849a2
}

.agences .agences-link li:last-child .indigo a,
.agences .owl-controls .owl-next .indigo .next,
.agences .owl-controls .owl-next .indigo .prev,
.agences .owl-controls .owl-prev .indigo .next,
.agences .owl-controls .owl-prev .indigo .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .indigo a,
.annonces-min-nav ul li .indigo a:hover,
.annonces-min-nav ul li.active .indigo a,
.annonces-min-title .indigo *,
.avis-title .indigo *,
.breadcrumb .indigo .active,
.breadcrumb .top-bar .main-nav ul .indigo li.title-nav,
.cs-skin-border .indigo .cs-options,
.details-list li .indigo span,
.formulaire .select .indigo .cs-select,
.indigo .agences .agences-link li:last-child a,
.indigo .agences .owl-controls .owl-next .next,
.indigo .agences .owl-controls .owl-next .prev,
.indigo .agences .owl-controls .owl-prev .next,
.indigo .agences .owl-controls .owl-prev .prev,
.indigo .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.indigo .annonces-min-nav ul li a:hover,
.indigo .annonces-min-nav ul li.active a,
.indigo .annonces-min-title *,
.indigo .avis-title *,
.indigo .breadcrumb .active,
.indigo .breadcrumb .top-bar .main-nav ul li.title-nav,
.indigo .cs-skin-border .cs-options,
.indigo .details-list li span,
.indigo .formulaire .select .cs-select,
.indigo .listing-lieu *,
.indigo .listing-list-item-caracteristique-info i,
.indigo .listing-list-item-desc-text a,
.indigo .listing-list-item-footer-info i,
.indigo .listing-resultat *,
.indigo .main-form .plus,
.indigo .map-title *,
.indigo .owl-controls .owl-next .next:hover,
.indigo .owl-controls .owl-next .prev:hover,
.indigo .owl-controls .owl-prev .next:hover,
.indigo .owl-controls .owl-prev .prev:hover,
.indigo .paragraphe a,
.indigo .pub .pub-desc .pub-button:hover a,
.indigo .pub .pub-desc .pub-slogan a,
.indigo .pub .pub-desc .pub-title *,
.indigo .pub-x2 .pub-item:nth-child(2) .pub-button a,
.indigo .pub-x2 .pub-item:nth-child(2) .pub-desc,
.indigo .pub-x2 .pub-item:nth-child(2) .pub-image i,
.indigo .pub-x3 .pub-item:nth-child(2) .pub-button a,
.indigo .pub-x3 .pub-item:nth-child(2) .pub-desc,
.indigo .pub-x3 .pub-item:nth-child(2) .pub-image i,
.indigo .text-color,
.indigo .text-hover:hover,
.indigo .title *,
.indigo .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.indigo .top-bar .main-nav .menu-sup i,
.indigo .top-bar .main-nav ul .breadcrumb li.title-nav,
.indigo-text-color,
.indigo-text-hover:hover,
.listing-lieu .indigo *,
.listing-list-item-caracteristique-info .indigo i,
.listing-list-item-desc-text .indigo a,
.listing-list-item-footer-info .indigo i,
.listing-resultat .indigo *,
.main-form .indigo .plus,
.map-title .indigo *,
.owl-controls .owl-next .indigo .next:hover,
.owl-controls .owl-next .indigo .prev:hover,
.owl-controls .owl-prev .indigo .next:hover,
.owl-controls .owl-prev .indigo .prev:hover,
.paragraphe .indigo a,
.pub .pub-desc .pub-button:hover .indigo a,
.pub .pub-desc .pub-slogan .indigo a,
.pub .pub-desc .pub-title .indigo *,
.pub-x2 .pub-item:nth-child(2) .indigo .pub-desc,
.pub-x2 .pub-item:nth-child(2) .pub-button .indigo a,
.pub-x2 .pub-item:nth-child(2) .pub-image .indigo i,
.pub-x3 .pub-item:nth-child(2) .indigo .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .indigo a,
.pub-x3 .pub-item:nth-child(2) .pub-image .indigo i,
.title .indigo *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .indigo a,
.top-bar .main-nav .menu-sup .indigo i,
.top-bar .main-nav ul .breadcrumb .indigo li.title-nav {
    color: #3f51b5
}

.indigo .text-color-dark,
.indigo .text-hover:hover-dark,
.indigo footer.footer .newsletter button[type=submit]:hover,
.indigo-text-color-dark,
.indigo-text-hover:hover-dark,
footer.footer .newsletter .indigo button[type=submit]:hover {
    color: #32408f
}

.indigo .text-color-light,
.indigo .text-hover:hover-light,
.indigo-text-color-light,
.indigo-text-hover:hover-light {
    color: #606fc7
}

.details-form .details-input .indigo input,
.details-form .details-textarea .indigo textarea,
.formulaire .input .indigo input,
.formulaire .select .cs-select .indigo .cs-placeholder,
.formulaire .textarea .indigo textarea,
.indigo .border-color,
.indigo .border-hover:hover,
.indigo .details-form,
.indigo .details-form .details-input input,
.indigo .details-form .details-textarea textarea,
.indigo .details-list.bordered,
.indigo .formulaire .input input,
.indigo .formulaire .select .cs-select .cs-placeholder,
.indigo .formulaire .textarea textarea,
.indigo .formulaire-part,
.indigo .main-form .cs-select .cs-options,
.indigo .main-form .plus,
.indigo .main-form input[type=text] .cs-options,
.indigo .owl-controls .owl-next .next:hover,
.indigo .owl-controls .owl-next .prev:hover,
.indigo .owl-controls .owl-prev .next:hover,
.indigo .owl-controls .owl-prev .prev:hover,
.indigo .pub-lexique,
.indigo .pub-x2,
.indigo .pub-x2 .pub-item:nth-child(2) .pub-button a,
.indigo .pub-x3,
.indigo .pub-x3 .pub-item:nth-child(2) .pub-button a,
.indigo-border-color,
.indigo-border-hover:hover,
.main-form .cs-select .indigo .cs-options,
.main-form .indigo .plus,
.main-form input[type=text] .indigo .cs-options,
.owl-controls .owl-next .indigo .next:hover,
.owl-controls .owl-next .indigo .prev:hover,
.owl-controls .owl-prev .indigo .next:hover,
.owl-controls .owl-prev .indigo .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .indigo a,
.pub-x3 .pub-item:nth-child(2) .pub-button .indigo a {
    border-color: #3f51b5!important
}

.indigo .border-color-arrow,
.indigo .listing-list-item-desc-text .arrow li:before,
.indigo .paragraphe .arrow li:before,
.indigo .pub .pub-desc .pub-slogan .arrow li:before,
.listing-list-item-desc-text .arrow .indigo li:before,
.paragraphe .arrow .indigo li:before,
.pub .pub-desc .pub-slogan .arrow .indigo li:before {
    border-color: transparent transparent transparent #3f51b5
}

.indigo .map-svg svg .hover,
.indigo .map-svg svg .hover svg,
.indigo .map-svg svg .polygon:hover,
.indigo .map-svg svg .polygon:hover svg,
.indigo .map-svg svg polygon:hover,
.indigo .map-svg svg polygon:hover svg,
.indigo .svg-color,
.indigo .svg-color svg,
.indigo-svg-color,
.indigo-svg-color svg,
.map-svg svg .indigo .hover,
.map-svg svg .indigo .hover svg,
.map-svg svg .indigo .polygon:hover,
.map-svg svg .indigo .polygon:hover svg,
.map-svg svg .indigo polygon:hover,
.map-svg svg .indigo polygon:hover svg {
    fill: #3f51b5
}

.details-caracteristique .item-carateristique .light-blue .icon,
.details-nav .light-blue .details-nav-item,
.formulaire .light-blue label,
.light-blue .bandeau.annonces-min-title,
.light-blue .bandeau.avis-title,
.light-blue .bandeau.listing-lieu,
.light-blue .bandeau.listing-resultat,
.light-blue .bandeau.map-title,
.light-blue .bg-color,
.light-blue .details-caracteristique .item-carateristique .icon,
.light-blue .details-nav .details-nav-item,
.light-blue .formulaire label,
.light-blue .formulaire-title,
.light-blue .listing-list-item-desc-text .circle li:before,
.light-blue .listing-list-item-desc-text .nuage li:before,
.light-blue .main-form .cs-select .cs-options li:hover,
.light-blue .main-form input[type=text] .cs-options li:hover,
.light-blue .page-agences .page-agences-info,
.light-blue .paragraphe .circle li:before,
.light-blue .paragraphe .nuage li:before,
.light-blue .pub .pub-desc .bandeau.pub-title,
.light-blue .pub .pub-desc .pub-slogan .circle li:before,
.light-blue .pub .pub-desc .pub-slogan .nuage li:before,
.light-blue .pub-lexique .pub-title,
.light-blue .search-bar,
.light-blue .title.bandeau,
.light-blue .top-bar .icon-menu span,
.light-blue .top-bar .main-nav,
.light-blue div.i4ewOd-pzNkMb-haAclf,
.light-blue-bg-color,
.listing-list-item-desc-text .circle .light-blue li:before,
.listing-list-item-desc-text .nuage .light-blue li:before,
.main-form .cs-select .cs-options .light-blue li:hover,
.main-form input[type=text] .cs-options .light-blue li:hover,
.page-agences .light-blue .page-agences-info,
.paragraphe .circle .light-blue li:before,
.paragraphe .nuage .light-blue li:before,
.pub .pub-desc .light-blue .bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .light-blue li:before,
.pub .pub-desc .pub-slogan .nuage .light-blue li:before,
.pub-lexique .light-blue .pub-title,
.top-bar .icon-menu .light-blue span,
.top-bar .light-blue .main-nav {
    background-color: #03a9f4
}

.details-caracteristique .item-carateristique .light-blue .transparent.icon,
.details-nav .light-blue .transparent.details-nav-item,
.formulaire .light-blue label.transparent,
.light-blue .bg-color.transparent,
.light-blue .details-caracteristique .item-carateristique .transparent.icon,
.light-blue .details-nav .transparent.details-nav-item,
.light-blue .formulaire label.transparent,
.light-blue .listing-list-item-desc-text .circle li.transparent:before,
.light-blue .listing-list-item-desc-text .nuage li.transparent:before,
.light-blue .main-form .cs-select .cs-options li.transparent:hover,
.light-blue .main-form input[type=text] .cs-options li.transparent:hover,
.light-blue .page-agences .transparent.page-agences-info,
.light-blue .paragraphe .circle li.transparent:before,
.light-blue .paragraphe .nuage li.transparent:before,
.light-blue .pub .pub-desc .pub-slogan .circle li.transparent:before,
.light-blue .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.light-blue .pub .pub-desc .transparent.bandeau.pub-title,
.light-blue .pub-lexique .transparent.pub-title,
.light-blue .top-bar .icon-menu span.transparent,
.light-blue .top-bar .transparent.main-nav,
.light-blue .transparent.bandeau.annonces-min-title,
.light-blue .transparent.bandeau.avis-title,
.light-blue .transparent.bandeau.listing-lieu,
.light-blue .transparent.bandeau.listing-resultat,
.light-blue .transparent.bandeau.map-title,
.light-blue .transparent.formulaire-title,
.light-blue .transparent.search-bar,
.light-blue .transparent.title.bandeau,
.light-blue div.transparent.i4ewOd-pzNkMb-haAclf,
.light-blue-bg-color.transparent,
.listing-list-item-desc-text .circle .light-blue li.transparent:before,
.listing-list-item-desc-text .nuage .light-blue li.transparent:before,
.main-form .cs-select .cs-options .light-blue li.transparent:hover,
.main-form input[type=text] .cs-options .light-blue li.transparent:hover,
.page-agences .light-blue .transparent.page-agences-info,
.paragraphe .circle .light-blue li.transparent:before,
.paragraphe .nuage .light-blue li.transparent:before,
.pub .pub-desc .light-blue .transparent.bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .light-blue li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .light-blue li.transparent:before,
.pub-lexique .light-blue .transparent.pub-title,
.top-bar .icon-menu .light-blue span.transparent,
.top-bar .light-blue .transparent.main-nav {
    background-color: rgba(3, 169, 244, .49)
}

.bandeau.annonces-min-title .light-blue .icon,
.bandeau.avis-title .light-blue .icon,
.bandeau.listing-lieu .light-blue .icon,
.bandeau.listing-resultat .light-blue .icon,
.bandeau.map-title .light-blue .icon,
.button-bandeau .light-blue .button-item:hover,
.details-nav .light-blue .details-nav-item:hover,
.formulaire .input-radio-content .light-blue label:after,
.formulaire-title .light-blue h3,
.light-blue #details_video,
.light-blue .bandeau.annonces-min-title .icon,
.light-blue .bandeau.avis-title .icon,
.light-blue .bandeau.listing-lieu .icon,
.light-blue .bandeau.listing-resultat .icon,
.light-blue .bandeau.map-title .icon,
.light-blue .bg-color-dark,
.light-blue .button-bandeau .button-item:hover,
.light-blue .details-nav .details-nav-item:hover,
.light-blue .formulaire .input-radio-content label:after,
.light-blue .formulaire-title h3,
.light-blue .gg-map-poi-container,
.light-blue .listing-list-item-footer,
.light-blue .main-form .plus.active,
.light-blue .main-form .plus:focus,
.light-blue .main-form .plus:hover,
.light-blue .main-form .top-bar .main-nav ul li.plus.title-nav,
.light-blue .page-agences .page-agences-title,
.light-blue .pub .pub-desc .bandeau.pub-title .icon,
.light-blue .title.bandeau .icon,
.light-blue .top-bar .main-nav ul .main-form li.plus.title-nav,
.light-blue-bg-color-dark,
.main-form .light-blue .plus.active,
.main-form .light-blue .plus:focus,
.main-form .light-blue .plus:hover,
.main-form .top-bar .main-nav ul .light-blue li.plus.title-nav,
.page-agences .light-blue .page-agences-title,
.pub .pub-desc .bandeau.pub-title .light-blue .icon,
.title.bandeau .light-blue .icon,
.top-bar .main-nav ul .main-form .light-blue li.plus.title-nav {
    background-color: #0286c2
}

.light-blue .bg-color-light,
.light-blue-bg-color-light {
    background-color: #2ebcfc
}

.light-blue.border-color-arrow,
.listing-list-item-desc-text .arrow li.light-blue:before,
.paragraphe .arrow li.light-blue:before,
.pub .pub-desc .pub-slogan .arrow li.light-blue:before {
    border-color: transparent transparent transparent #03a9f4
}

.light-blue.border-color-arrow2,
.pub-x2 .light-blue.pub-item:after,
.pub-x3 .light-blue.pub-item:after {
    border-color: #03a9f4 transparent transparent
}

.light-blue .bg-hover:hover,
.light-blue .bg.active,
.light-blue .top-bar .main-nav ul li.title-nav,
.light-blue-bg-hover:hover,
.light-blue-bg.active,
.top-bar .main-nav ul .light-blue li.title-nav,
.top-bar .main-nav ul li.light-blue-bg.title-nav {
    background-color: #0398db
}

.agences .agences-link li:last-child .light-blue a,
.agences .owl-controls .owl-next .light-blue .next,
.agences .owl-controls .owl-next .light-blue .prev,
.agences .owl-controls .owl-prev .light-blue .next,
.agences .owl-controls .owl-prev .light-blue .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .light-blue a,
.annonces-min-nav ul li .light-blue a:hover,
.annonces-min-nav ul li.active .light-blue a,
.annonces-min-title .light-blue *,
.avis-title .light-blue *,
.breadcrumb .light-blue .active,
.breadcrumb .top-bar .main-nav ul .light-blue li.title-nav,
.cs-skin-border .light-blue .cs-options,
.details-list li .light-blue span,
.formulaire .select .light-blue .cs-select,
.light-blue .agences .agences-link li:last-child a,
.light-blue .agences .owl-controls .owl-next .next,
.light-blue .agences .owl-controls .owl-next .prev,
.light-blue .agences .owl-controls .owl-prev .next,
.light-blue .agences .owl-controls .owl-prev .prev,
.light-blue .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.light-blue .annonces-min-nav ul li a:hover,
.light-blue .annonces-min-nav ul li.active a,
.light-blue .annonces-min-title *,
.light-blue .avis-title *,
.light-blue .breadcrumb .active,
.light-blue .breadcrumb .top-bar .main-nav ul li.title-nav,
.light-blue .cs-skin-border .cs-options,
.light-blue .details-list li span,
.light-blue .formulaire .select .cs-select,
.light-blue .listing-lieu *,
.light-blue .listing-list-item-caracteristique-info i,
.light-blue .listing-list-item-desc-text a,
.light-blue .listing-list-item-footer-info i,
.light-blue .listing-resultat *,
.light-blue .main-form .plus,
.light-blue .map-title *,
.light-blue .owl-controls .owl-next .next:hover,
.light-blue .owl-controls .owl-next .prev:hover,
.light-blue .owl-controls .owl-prev .next:hover,
.light-blue .owl-controls .owl-prev .prev:hover,
.light-blue .paragraphe a,
.light-blue .pub .pub-desc .pub-button:hover a,
.light-blue .pub .pub-desc .pub-slogan a,
.light-blue .pub .pub-desc .pub-title *,
.light-blue .pub-x2 .pub-item:nth-child(2) .pub-button a,
.light-blue .pub-x2 .pub-item:nth-child(2) .pub-desc,
.light-blue .pub-x2 .pub-item:nth-child(2) .pub-image i,
.light-blue .pub-x3 .pub-item:nth-child(2) .pub-button a,
.light-blue .pub-x3 .pub-item:nth-child(2) .pub-desc,
.light-blue .pub-x3 .pub-item:nth-child(2) .pub-image i,
.light-blue .text-color,
.light-blue .text-hover:hover,
.light-blue .title *,
.light-blue .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.light-blue .top-bar .main-nav .menu-sup i,
.light-blue .top-bar .main-nav ul .breadcrumb li.title-nav,
.light-blue-text-color,
.light-blue-text-hover:hover,
.listing-lieu .light-blue *,
.listing-list-item-caracteristique-info .light-blue i,
.listing-list-item-desc-text .light-blue a,
.listing-list-item-footer-info .light-blue i,
.listing-resultat .light-blue *,
.main-form .light-blue .plus,
.map-title .light-blue *,
.owl-controls .owl-next .light-blue .next:hover,
.owl-controls .owl-next .light-blue .prev:hover,
.owl-controls .owl-prev .light-blue .next:hover,
.owl-controls .owl-prev .light-blue .prev:hover,
.paragraphe .light-blue a,
.pub .pub-desc .pub-button:hover .light-blue a,
.pub .pub-desc .pub-slogan .light-blue a,
.pub .pub-desc .pub-title .light-blue *,
.pub-x2 .pub-item:nth-child(2) .light-blue .pub-desc,
.pub-x2 .pub-item:nth-child(2) .pub-button .light-blue a,
.pub-x2 .pub-item:nth-child(2) .pub-image .light-blue i,
.pub-x3 .pub-item:nth-child(2) .light-blue .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .light-blue a,
.pub-x3 .pub-item:nth-child(2) .pub-image .light-blue i,
.title .light-blue *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .light-blue a,
.top-bar .main-nav .menu-sup .light-blue i,
.top-bar .main-nav ul .breadcrumb .light-blue li.title-nav {
    color: #03a9f4
}

.light-blue .text-color-dark,
.light-blue .text-hover:hover-dark,
.light-blue footer.footer .newsletter button[type=submit]:hover,
.light-blue-text-color-dark,
.light-blue-text-hover:hover-dark,
footer.footer .newsletter .light-blue button[type=submit]:hover {
    color: #0286c2
}

.light-blue .text-color-light,
.light-blue .text-hover:hover-light,
.light-blue-text-color-light,
.light-blue-text-hover:hover-light {
    color: #2ebcfc
}

.details-form .details-input .light-blue input,
.details-form .details-textarea .light-blue textarea,
.formulaire .input .light-blue input,
.formulaire .select .cs-select .light-blue .cs-placeholder,
.formulaire .textarea .light-blue textarea,
.light-blue .border-color,
.light-blue .border-hover:hover,
.light-blue .details-form,
.light-blue .details-form .details-input input,
.light-blue .details-form .details-textarea textarea,
.light-blue .details-list.bordered,
.light-blue .formulaire .input input,
.light-blue .formulaire .select .cs-select .cs-placeholder,
.light-blue .formulaire .textarea textarea,
.light-blue .formulaire-part,
.light-blue .main-form .cs-select .cs-options,
.light-blue .main-form .plus,
.light-blue .main-form input[type=text] .cs-options,
.light-blue .owl-controls .owl-next .next:hover,
.light-blue .owl-controls .owl-next .prev:hover,
.light-blue .owl-controls .owl-prev .next:hover,
.light-blue .owl-controls .owl-prev .prev:hover,
.light-blue .pub-lexique,
.light-blue .pub-x2,
.light-blue .pub-x2 .pub-item:nth-child(2) .pub-button a,
.light-blue .pub-x3,
.light-blue .pub-x3 .pub-item:nth-child(2) .pub-button a,
.light-blue-border-color,
.light-blue-border-hover:hover,
.main-form .cs-select .light-blue .cs-options,
.main-form .light-blue .plus,
.main-form input[type=text] .light-blue .cs-options,
.owl-controls .owl-next .light-blue .next:hover,
.owl-controls .owl-next .light-blue .prev:hover,
.owl-controls .owl-prev .light-blue .next:hover,
.owl-controls .owl-prev .light-blue .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .light-blue a,
.pub-x3 .pub-item:nth-child(2) .pub-button .light-blue a {
    border-color: #03a9f4!important
}

.light-blue .border-color-arrow,
.light-blue .listing-list-item-desc-text .arrow li:before,
.light-blue .paragraphe .arrow li:before,
.light-blue .pub .pub-desc .pub-slogan .arrow li:before,
.listing-list-item-desc-text .arrow .light-blue li:before,
.paragraphe .arrow .light-blue li:before,
.pub .pub-desc .pub-slogan .arrow .light-blue li:before {
    border-color: transparent transparent transparent #03a9f4
}

.light-blue .map-svg svg .hover,
.light-blue .map-svg svg .hover svg,
.light-blue .map-svg svg .polygon:hover,
.light-blue .map-svg svg .polygon:hover svg,
.light-blue .map-svg svg polygon:hover,
.light-blue .map-svg svg polygon:hover svg,
.light-blue .svg-color,
.light-blue .svg-color svg,
.light-blue-svg-color,
.light-blue-svg-color svg,
.map-svg svg .light-blue .hover,
.map-svg svg .light-blue .hover svg,
.map-svg svg .light-blue .polygon:hover,
.map-svg svg .light-blue .polygon:hover svg,
.map-svg svg .light-blue polygon:hover,
.map-svg svg .light-blue polygon:hover svg {
    fill: #03a9f4
}

.cyan .bandeau.annonces-min-title,
.cyan .bandeau.avis-title,
.cyan .bandeau.listing-lieu,
.cyan .bandeau.listing-resultat,
.cyan .bandeau.map-title,
.cyan .bg-color,
.cyan .details-caracteristique .item-carateristique .icon,
.cyan .details-nav .details-nav-item,
.cyan .formulaire label,
.cyan .formulaire-title,
.cyan .listing-list-item-desc-text .circle li:before,
.cyan .listing-list-item-desc-text .nuage li:before,
.cyan .main-form .cs-select .cs-options li:hover,
.cyan .main-form input[type=text] .cs-options li:hover,
.cyan .page-agences .page-agences-info,
.cyan .paragraphe .circle li:before,
.cyan .paragraphe .nuage li:before,
.cyan .pub .pub-desc .bandeau.pub-title,
.cyan .pub .pub-desc .pub-slogan .circle li:before,
.cyan .pub .pub-desc .pub-slogan .nuage li:before,
.cyan .pub-lexique .pub-title,
.cyan .search-bar,
.cyan .title.bandeau,
.cyan .top-bar .icon-menu span,
.cyan .top-bar .main-nav,
.cyan div.i4ewOd-pzNkMb-haAclf,
.cyan-bg-color,
.details-caracteristique .item-carateristique .cyan .icon,
.details-nav .cyan .details-nav-item,
.formulaire .cyan label,
.listing-list-item-desc-text .circle .cyan li:before,
.listing-list-item-desc-text .nuage .cyan li:before,
.main-form .cs-select .cs-options .cyan li:hover,
.main-form input[type=text] .cs-options .cyan li:hover,
.page-agences .cyan .page-agences-info,
.paragraphe .circle .cyan li:before,
.paragraphe .nuage .cyan li:before,
.pub .pub-desc .cyan .bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .cyan li:before,
.pub .pub-desc .pub-slogan .nuage .cyan li:before,
.pub-lexique .cyan .pub-title,
.top-bar .cyan .main-nav,
.top-bar .icon-menu .cyan span {
    background-color: #00bcd4
}

.cyan .bg-color.transparent,
.cyan .details-caracteristique .item-carateristique .transparent.icon,
.cyan .details-nav .transparent.details-nav-item,
.cyan .formulaire label.transparent,
.cyan .listing-list-item-desc-text .circle li.transparent:before,
.cyan .listing-list-item-desc-text .nuage li.transparent:before,
.cyan .main-form .cs-select .cs-options li.transparent:hover,
.cyan .main-form input[type=text] .cs-options li.transparent:hover,
.cyan .page-agences .transparent.page-agences-info,
.cyan .paragraphe .circle li.transparent:before,
.cyan .paragraphe .nuage li.transparent:before,
.cyan .pub .pub-desc .pub-slogan .circle li.transparent:before,
.cyan .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.cyan .pub .pub-desc .transparent.bandeau.pub-title,
.cyan .pub-lexique .transparent.pub-title,
.cyan .top-bar .icon-menu span.transparent,
.cyan .top-bar .transparent.main-nav,
.cyan .transparent.bandeau.annonces-min-title,
.cyan .transparent.bandeau.avis-title,
.cyan .transparent.bandeau.listing-lieu,
.cyan .transparent.bandeau.listing-resultat,
.cyan .transparent.bandeau.map-title,
.cyan .transparent.formulaire-title,
.cyan .transparent.search-bar,
.cyan .transparent.title.bandeau,
.cyan div.transparent.i4ewOd-pzNkMb-haAclf,
.cyan-bg-color.transparent,
.details-caracteristique .item-carateristique .cyan .transparent.icon,
.details-nav .cyan .transparent.details-nav-item,
.formulaire .cyan label.transparent,
.listing-list-item-desc-text .circle .cyan li.transparent:before,
.listing-list-item-desc-text .nuage .cyan li.transparent:before,
.main-form .cs-select .cs-options .cyan li.transparent:hover,
.main-form input[type=text] .cs-options .cyan li.transparent:hover,
.page-agences .cyan .transparent.page-agences-info,
.paragraphe .circle .cyan li.transparent:before,
.paragraphe .nuage .cyan li.transparent:before,
.pub .pub-desc .cyan .transparent.bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .cyan li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .cyan li.transparent:before,
.pub-lexique .cyan .transparent.pub-title,
.top-bar .cyan .transparent.main-nav,
.top-bar .icon-menu .cyan span.transparent {
    background-color: rgba(0, 188, 212, .49)
}

.bandeau.annonces-min-title .cyan .icon,
.bandeau.avis-title .cyan .icon,
.bandeau.listing-lieu .cyan .icon,
.bandeau.listing-resultat .cyan .icon,
.bandeau.map-title .cyan .icon,
.button-bandeau .cyan .button-item:hover,
.cyan #details_video,
.cyan .bandeau.annonces-min-title .icon,
.cyan .bandeau.avis-title .icon,
.cyan .bandeau.listing-lieu .icon,
.cyan .bandeau.listing-resultat .icon,
.cyan .bandeau.map-title .icon,
.cyan .bg-color-dark,
.cyan .button-bandeau .button-item:hover,
.cyan .details-nav .details-nav-item:hover,
.cyan .formulaire .input-radio-content label:after,
.cyan .formulaire-title h3,
.cyan .gg-map-poi-container,
.cyan .listing-list-item-footer,
.cyan .main-form .plus.active,
.cyan .main-form .plus:focus,
.cyan .main-form .plus:hover,
.cyan .main-form .top-bar .main-nav ul li.plus.title-nav,
.cyan .page-agences .page-agences-title,
.cyan .pub .pub-desc .bandeau.pub-title .icon,
.cyan .title.bandeau .icon,
.cyan .top-bar .main-nav ul .main-form li.plus.title-nav,
.cyan-bg-color-dark,
.details-nav .cyan .details-nav-item:hover,
.formulaire .input-radio-content .cyan label:after,
.formulaire-title .cyan h3,
.main-form .cyan .plus.active,
.main-form .cyan .plus:focus,
.main-form .cyan .plus:hover,
.main-form .top-bar .main-nav ul .cyan li.plus.title-nav,
.page-agences .cyan .page-agences-title,
.pub .pub-desc .bandeau.pub-title .cyan .icon,
.title.bandeau .cyan .icon,
.top-bar .main-nav ul .main-form .cyan li.plus.title-nav {
    background-color: #008fa1
}

.cyan .bg-color-light,
.cyan-bg-color-light {
    background-color: #08e3ff
}

.cyan.border-color-arrow,
.listing-list-item-desc-text .arrow li.cyan:before,
.paragraphe .arrow li.cyan:before,
.pub .pub-desc .pub-slogan .arrow li.cyan:before {
    border-color: transparent transparent transparent #00bcd4
}

.cyan.border-color-arrow2,
.pub-x2 .cyan.pub-item:after,
.pub-x3 .cyan.pub-item:after {
    border-color: #00bcd4 transparent transparent
}

.cyan .bg-hover:hover,
.cyan .bg.active,
.cyan .top-bar .main-nav ul li.title-nav,
.cyan-bg-hover:hover,
.cyan-bg.active,
.top-bar .main-nav ul .cyan li.title-nav,
.top-bar .main-nav ul li.cyan-bg.title-nav {
    background-color: #00a5bb
}

.agences .agences-link li:last-child .cyan a,
.agences .owl-controls .owl-next .cyan .next,
.agences .owl-controls .owl-next .cyan .prev,
.agences .owl-controls .owl-prev .cyan .next,
.agences .owl-controls .owl-prev .cyan .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .cyan a,
.annonces-min-nav ul li .cyan a:hover,
.annonces-min-nav ul li.active .cyan a,
.annonces-min-title .cyan *,
.avis-title .cyan *,
.breadcrumb .cyan .active,
.breadcrumb .top-bar .main-nav ul .cyan li.title-nav,
.cs-skin-border .cyan .cs-options,
.cyan .agences .agences-link li:last-child a,
.cyan .agences .owl-controls .owl-next .next,
.cyan .agences .owl-controls .owl-next .prev,
.cyan .agences .owl-controls .owl-prev .next,
.cyan .agences .owl-controls .owl-prev .prev,
.cyan .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.cyan .annonces-min-nav ul li a:hover,
.cyan .annonces-min-nav ul li.active a,
.cyan .annonces-min-title *,
.cyan .avis-title *,
.cyan .breadcrumb .active,
.cyan .breadcrumb .top-bar .main-nav ul li.title-nav,
.cyan .cs-skin-border .cs-options,
.cyan .details-list li span,
.cyan .formulaire .select .cs-select,
.cyan .listing-lieu *,
.cyan .listing-list-item-caracteristique-info i,
.cyan .listing-list-item-desc-text a,
.cyan .listing-list-item-footer-info i,
.cyan .listing-resultat *,
.cyan .main-form .plus,
.cyan .map-title *,
.cyan .owl-controls .owl-next .next:hover,
.cyan .owl-controls .owl-next .prev:hover,
.cyan .owl-controls .owl-prev .next:hover,
.cyan .owl-controls .owl-prev .prev:hover,
.cyan .paragraphe a,
.cyan .pub .pub-desc .pub-button:hover a,
.cyan .pub .pub-desc .pub-slogan a,
.cyan .pub .pub-desc .pub-title *,
.cyan .pub-x2 .pub-item:nth-child(2) .pub-button a,
.cyan .pub-x2 .pub-item:nth-child(2) .pub-desc,
.cyan .pub-x2 .pub-item:nth-child(2) .pub-image i,
.cyan .pub-x3 .pub-item:nth-child(2) .pub-button a,
.cyan .pub-x3 .pub-item:nth-child(2) .pub-desc,
.cyan .pub-x3 .pub-item:nth-child(2) .pub-image i,
.cyan .text-color,
.cyan .text-hover:hover,
.cyan .title *,
.cyan .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.cyan .top-bar .main-nav .menu-sup i,
.cyan .top-bar .main-nav ul .breadcrumb li.title-nav,
.cyan-text-color,
.cyan-text-hover:hover,
.details-list li .cyan span,
.formulaire .select .cyan .cs-select,
.listing-lieu .cyan *,
.listing-list-item-caracteristique-info .cyan i,
.listing-list-item-desc-text .cyan a,
.listing-list-item-footer-info .cyan i,
.listing-resultat .cyan *,
.main-form .cyan .plus,
.map-title .cyan *,
.owl-controls .owl-next .cyan .next:hover,
.owl-controls .owl-next .cyan .prev:hover,
.owl-controls .owl-prev .cyan .next:hover,
.owl-controls .owl-prev .cyan .prev:hover,
.paragraphe .cyan a,
.pub .pub-desc .pub-button:hover .cyan a,
.pub .pub-desc .pub-slogan .cyan a,
.pub .pub-desc .pub-title .cyan *,
.pub-x2 .pub-item:nth-child(2) .cyan .pub-desc,
.pub-x2 .pub-item:nth-child(2) .pub-button .cyan a,
.pub-x2 .pub-item:nth-child(2) .pub-image .cyan i,
.pub-x3 .pub-item:nth-child(2) .cyan .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .cyan a,
.pub-x3 .pub-item:nth-child(2) .pub-image .cyan i,
.title .cyan *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .cyan a,
.top-bar .main-nav .menu-sup .cyan i,
.top-bar .main-nav ul .breadcrumb .cyan li.title-nav {
    color: #00bcd4
}

.cyan .text-color-dark,
.cyan .text-hover:hover-dark,
.cyan footer.footer .newsletter button[type=submit]:hover,
.cyan-text-color-dark,
.cyan-text-hover:hover-dark,
footer.footer .newsletter .cyan button[type=submit]:hover {
    color: #008fa1
}

.cyan .text-color-light,
.cyan .text-hover:hover-light,
.cyan-text-color-light,
.cyan-text-hover:hover-light {
    color: #08e3ff
}

.cyan .border-color,
.cyan .border-hover:hover,
.cyan .details-form,
.cyan .details-form .details-input input,
.cyan .details-form .details-textarea textarea,
.cyan .details-list.bordered,
.cyan .formulaire .input input,
.cyan .formulaire .select .cs-select .cs-placeholder,
.cyan .formulaire .textarea textarea,
.cyan .formulaire-part,
.cyan .main-form .cs-select .cs-options,
.cyan .main-form .plus,
.cyan .main-form input[type=text] .cs-options,
.cyan .owl-controls .owl-next .next:hover,
.cyan .owl-controls .owl-next .prev:hover,
.cyan .owl-controls .owl-prev .next:hover,
.cyan .owl-controls .owl-prev .prev:hover,
.cyan .pub-lexique,
.cyan .pub-x2,
.cyan .pub-x2 .pub-item:nth-child(2) .pub-button a,
.cyan .pub-x3,
.cyan .pub-x3 .pub-item:nth-child(2) .pub-button a,
.cyan-border-color,
.cyan-border-hover:hover,
.details-form .details-input .cyan input,
.details-form .details-textarea .cyan textarea,
.formulaire .input .cyan input,
.formulaire .select .cs-select .cyan .cs-placeholder,
.formulaire .textarea .cyan textarea,
.main-form .cs-select .cyan .cs-options,
.main-form .cyan .plus,
.main-form input[type=text] .cyan .cs-options,
.owl-controls .owl-next .cyan .next:hover,
.owl-controls .owl-next .cyan .prev:hover,
.owl-controls .owl-prev .cyan .next:hover,
.owl-controls .owl-prev .cyan .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .cyan a,
.pub-x3 .pub-item:nth-child(2) .pub-button .cyan a {
    border-color: #00bcd4!important
}

.cyan .border-color-arrow,
.cyan .listing-list-item-desc-text .arrow li:before,
.cyan .paragraphe .arrow li:before,
.cyan .pub .pub-desc .pub-slogan .arrow li:before,
.listing-list-item-desc-text .arrow .cyan li:before,
.paragraphe .arrow .cyan li:before,
.pub .pub-desc .pub-slogan .arrow .cyan li:before {
    border-color: transparent transparent transparent #00bcd4
}

.cyan .map-svg svg .hover,
.cyan .map-svg svg .hover svg,
.cyan .map-svg svg .polygon:hover,
.cyan .map-svg svg .polygon:hover svg,
.cyan .map-svg svg polygon:hover,
.cyan .map-svg svg polygon:hover svg,
.cyan .svg-color,
.cyan .svg-color svg,
.cyan-svg-color,
.cyan-svg-color svg,
.map-svg svg .cyan .hover,
.map-svg svg .cyan .hover svg,
.map-svg svg .cyan .polygon:hover,
.map-svg svg .cyan .polygon:hover svg,
.map-svg svg .cyan polygon:hover,
.map-svg svg .cyan polygon:hover svg {
    fill: #00bcd4
}

.details-caracteristique .item-carateristique .teal .icon,
.details-nav .teal .details-nav-item,
.formulaire .teal label,
.listing-list-item-desc-text .circle .teal li:before,
.listing-list-item-desc-text .nuage .teal li:before,
.main-form .cs-select .cs-options .teal li:hover,
.main-form input[type=text] .cs-options .teal li:hover,
.page-agences .teal .page-agences-info,
.paragraphe .circle .teal li:before,
.paragraphe .nuage .teal li:before,
.pub .pub-desc .pub-slogan .circle .teal li:before,
.pub .pub-desc .pub-slogan .nuage .teal li:before,
.pub .pub-desc .teal .bandeau.pub-title,
.pub-lexique .teal .pub-title,
.teal .bandeau.annonces-min-title,
.teal .bandeau.avis-title,
.teal .bandeau.listing-lieu,
.teal .bandeau.listing-resultat,
.teal .bandeau.map-title,
.teal .bg-color,
.teal .details-caracteristique .item-carateristique .icon,
.teal .details-nav .details-nav-item,
.teal .formulaire label,
.teal .formulaire-title,
.teal .listing-list-item-desc-text .circle li:before,
.teal .listing-list-item-desc-text .nuage li:before,
.teal .main-form .cs-select .cs-options li:hover,
.teal .main-form input[type=text] .cs-options li:hover,
.teal .page-agences .page-agences-info,
.teal .paragraphe .circle li:before,
.teal .paragraphe .nuage li:before,
.teal .pub .pub-desc .bandeau.pub-title,
.teal .pub .pub-desc .pub-slogan .circle li:before,
.teal .pub .pub-desc .pub-slogan .nuage li:before,
.teal .pub-lexique .pub-title,
.teal .search-bar,
.teal .title.bandeau,
.teal .top-bar .icon-menu span,
.teal .top-bar .main-nav,
.teal div.i4ewOd-pzNkMb-haAclf,
.teal-bg-color,
.top-bar .icon-menu .teal span,
.top-bar .teal .main-nav {
    background-color: #009688
}

.details-caracteristique .item-carateristique .teal .transparent.icon,
.details-nav .teal .transparent.details-nav-item,
.formulaire .teal label.transparent,
.listing-list-item-desc-text .circle .teal li.transparent:before,
.listing-list-item-desc-text .nuage .teal li.transparent:before,
.main-form .cs-select .cs-options .teal li.transparent:hover,
.main-form input[type=text] .cs-options .teal li.transparent:hover,
.page-agences .teal .transparent.page-agences-info,
.paragraphe .circle .teal li.transparent:before,
.paragraphe .nuage .teal li.transparent:before,
.pub .pub-desc .pub-slogan .circle .teal li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .teal li.transparent:before,
.pub .pub-desc .teal .transparent.bandeau.pub-title,
.pub-lexique .teal .transparent.pub-title,
.teal .bg-color.transparent,
.teal .details-caracteristique .item-carateristique .transparent.icon,
.teal .details-nav .transparent.details-nav-item,
.teal .formulaire label.transparent,
.teal .listing-list-item-desc-text .circle li.transparent:before,
.teal .listing-list-item-desc-text .nuage li.transparent:before,
.teal .main-form .cs-select .cs-options li.transparent:hover,
.teal .main-form input[type=text] .cs-options li.transparent:hover,
.teal .page-agences .transparent.page-agences-info,
.teal .paragraphe .circle li.transparent:before,
.teal .paragraphe .nuage li.transparent:before,
.teal .pub .pub-desc .pub-slogan .circle li.transparent:before,
.teal .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.teal .pub .pub-desc .transparent.bandeau.pub-title,
.teal .pub-lexique .transparent.pub-title,
.teal .top-bar .icon-menu span.transparent,
.teal .top-bar .transparent.main-nav,
.teal .transparent.bandeau.annonces-min-title,
.teal .transparent.bandeau.avis-title,
.teal .transparent.bandeau.listing-lieu,
.teal .transparent.bandeau.listing-resultat,
.teal .transparent.bandeau.map-title,
.teal .transparent.formulaire-title,
.teal .transparent.search-bar,
.teal .transparent.title.bandeau,
.teal div.transparent.i4ewOd-pzNkMb-haAclf,
.teal-bg-color.transparent,
.top-bar .icon-menu .teal span.transparent,
.top-bar .teal .transparent.main-nav {
    background-color: rgba(0, 150, 136, .49)
}

.bandeau.annonces-min-title .teal .icon,
.bandeau.avis-title .teal .icon,
.bandeau.listing-lieu .teal .icon,
.bandeau.listing-resultat .teal .icon,
.bandeau.map-title .teal .icon,
.button-bandeau .teal .button-item:hover,
.details-nav .teal .details-nav-item:hover,
.formulaire .input-radio-content .teal label:after,
.formulaire-title .teal h3,
.main-form .teal .plus.active,
.main-form .teal .plus:focus,
.main-form .teal .plus:hover,
.main-form .top-bar .main-nav ul .teal li.plus.title-nav,
.page-agences .teal .page-agences-title,
.pub .pub-desc .bandeau.pub-title .teal .icon,
.teal #details_video,
.teal .bandeau.annonces-min-title .icon,
.teal .bandeau.avis-title .icon,
.teal .bandeau.listing-lieu .icon,
.teal .bandeau.listing-resultat .icon,
.teal .bandeau.map-title .icon,
.teal .bg-color-dark,
.teal .button-bandeau .button-item:hover,
.teal .details-nav .details-nav-item:hover,
.teal .formulaire .input-radio-content label:after,
.teal .formulaire-title h3,
.teal .gg-map-poi-container,
.teal .listing-list-item-footer,
.teal .main-form .plus.active,
.teal .main-form .plus:focus,
.teal .main-form .plus:hover,
.teal .main-form .top-bar .main-nav ul li.plus.title-nav,
.teal .page-agences .page-agences-title,
.teal .pub .pub-desc .bandeau.pub-title .icon,
.teal .title.bandeau .icon,
.teal .top-bar .main-nav ul .main-form li.plus.title-nav,
.teal-bg-color-dark,
.title.bandeau .teal .icon,
.top-bar .main-nav ul .main-form .teal li.plus.title-nav {
    background-color: #00635a
}

.teal .bg-color-light,
.teal-bg-color-light {
    background-color: #00c9b6
}

.listing-list-item-desc-text .arrow li.teal:before,
.paragraphe .arrow li.teal:before,
.pub .pub-desc .pub-slogan .arrow li.teal:before,
.teal.border-color-arrow {
    border-color: transparent transparent transparent #009688
}

.pub-x2 .teal.pub-item:after,
.pub-x3 .teal.pub-item:after,
.teal.border-color-arrow2 {
    border-color: #009688 transparent transparent
}

.teal .bg-hover:hover,
.teal .bg.active,
.teal .top-bar .main-nav ul li.title-nav,
.teal-bg-hover:hover,
.teal-bg.active,
.top-bar .main-nav ul .teal li.title-nav,
.top-bar .main-nav ul li.teal-bg.title-nav {
    background-color: #007d71
}

.agences .agences-link li:last-child .teal a,
.agences .owl-controls .owl-next .teal .next,
.agences .owl-controls .owl-next .teal .prev,
.agences .owl-controls .owl-prev .teal .next,
.agences .owl-controls .owl-prev .teal .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .teal a,
.annonces-min-nav ul li .teal a:hover,
.annonces-min-nav ul li.active .teal a,
.annonces-min-title .teal *,
.avis-title .teal *,
.breadcrumb .teal .active,
.breadcrumb .top-bar .main-nav ul .teal li.title-nav,
.cs-skin-border .teal .cs-options,
.details-list li .teal span,
.formulaire .select .teal .cs-select,
.listing-lieu .teal *,
.listing-list-item-caracteristique-info .teal i,
.listing-list-item-desc-text .teal a,
.listing-list-item-footer-info .teal i,
.listing-resultat .teal *,
.main-form .teal .plus,
.map-title .teal *,
.owl-controls .owl-next .teal .next:hover,
.owl-controls .owl-next .teal .prev:hover,
.owl-controls .owl-prev .teal .next:hover,
.owl-controls .owl-prev .teal .prev:hover,
.paragraphe .teal a,
.pub .pub-desc .pub-button:hover .teal a,
.pub .pub-desc .pub-slogan .teal a,
.pub .pub-desc .pub-title .teal *,
.pub-x2 .pub-item:nth-child(2) .pub-button .teal a,
.pub-x2 .pub-item:nth-child(2) .pub-image .teal i,
.pub-x2 .pub-item:nth-child(2) .teal .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .teal a,
.pub-x3 .pub-item:nth-child(2) .pub-image .teal i,
.pub-x3 .pub-item:nth-child(2) .teal .pub-desc,
.teal .agences .agences-link li:last-child a,
.teal .agences .owl-controls .owl-next .next,
.teal .agences .owl-controls .owl-next .prev,
.teal .agences .owl-controls .owl-prev .next,
.teal .agences .owl-controls .owl-prev .prev,
.teal .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.teal .annonces-min-nav ul li a:hover,
.teal .annonces-min-nav ul li.active a,
.teal .annonces-min-title *,
.teal .avis-title *,
.teal .breadcrumb .active,
.teal .breadcrumb .top-bar .main-nav ul li.title-nav,
.teal .cs-skin-border .cs-options,
.teal .details-list li span,
.teal .formulaire .select .cs-select,
.teal .listing-lieu *,
.teal .listing-list-item-caracteristique-info i,
.teal .listing-list-item-desc-text a,
.teal .listing-list-item-footer-info i,
.teal .listing-resultat *,
.teal .main-form .plus,
.teal .map-title *,
.teal .owl-controls .owl-next .next:hover,
.teal .owl-controls .owl-next .prev:hover,
.teal .owl-controls .owl-prev .next:hover,
.teal .owl-controls .owl-prev .prev:hover,
.teal .paragraphe a,
.teal .pub .pub-desc .pub-button:hover a,
.teal .pub .pub-desc .pub-slogan a,
.teal .pub .pub-desc .pub-title *,
.teal .pub-x2 .pub-item:nth-child(2) .pub-button a,
.teal .pub-x2 .pub-item:nth-child(2) .pub-desc,
.teal .pub-x2 .pub-item:nth-child(2) .pub-image i,
.teal .pub-x3 .pub-item:nth-child(2) .pub-button a,
.teal .pub-x3 .pub-item:nth-child(2) .pub-desc,
.teal .pub-x3 .pub-item:nth-child(2) .pub-image i,
.teal .text-color,
.teal .text-hover:hover,
.teal .title *,
.teal .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.teal .top-bar .main-nav .menu-sup i,
.teal .top-bar .main-nav ul .breadcrumb li.title-nav,
.teal-text-color,
.teal-text-hover:hover,
.title .teal *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .teal a,
.top-bar .main-nav .menu-sup .teal i,
.top-bar .main-nav ul .breadcrumb .teal li.title-nav {
    color: #009688
}

.teal .text-color-dark,
.teal .text-hover:hover-dark,
.teal footer.footer .newsletter button[type=submit]:hover,
.teal-text-color-dark,
.teal-text-hover:hover-dark,
footer.footer .newsletter .teal button[type=submit]:hover {
    color: #00635a
}

.teal .text-color-light,
.teal .text-hover:hover-light,
.teal-text-color-light,
.teal-text-hover:hover-light {
    color: #00c9b6
}

.details-form .details-input .teal input,
.details-form .details-textarea .teal textarea,
.formulaire .input .teal input,
.formulaire .select .cs-select .teal .cs-placeholder,
.formulaire .textarea .teal textarea,
.main-form .cs-select .teal .cs-options,
.main-form .teal .plus,
.main-form input[type=text] .teal .cs-options,
.owl-controls .owl-next .teal .next:hover,
.owl-controls .owl-next .teal .prev:hover,
.owl-controls .owl-prev .teal .next:hover,
.owl-controls .owl-prev .teal .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .teal a,
.pub-x3 .pub-item:nth-child(2) .pub-button .teal a,
.teal .border-color,
.teal .border-hover:hover,
.teal .details-form,
.teal .details-form .details-input input,
.teal .details-form .details-textarea textarea,
.teal .details-list.bordered,
.teal .formulaire .input input,
.teal .formulaire .select .cs-select .cs-placeholder,
.teal .formulaire .textarea textarea,
.teal .formulaire-part,
.teal .main-form .cs-select .cs-options,
.teal .main-form .plus,
.teal .main-form input[type=text] .cs-options,
.teal .owl-controls .owl-next .next:hover,
.teal .owl-controls .owl-next .prev:hover,
.teal .owl-controls .owl-prev .next:hover,
.teal .owl-controls .owl-prev .prev:hover,
.teal .pub-lexique,
.teal .pub-x2,
.teal .pub-x2 .pub-item:nth-child(2) .pub-button a,
.teal .pub-x3,
.teal .pub-x3 .pub-item:nth-child(2) .pub-button a,
.teal-border-color,
.teal-border-hover:hover {
    border-color: #009688!important
}

.listing-list-item-desc-text .arrow .teal li:before,
.paragraphe .arrow .teal li:before,
.pub .pub-desc .pub-slogan .arrow .teal li:before,
.teal .border-color-arrow,
.teal .listing-list-item-desc-text .arrow li:before,
.teal .paragraphe .arrow li:before,
.teal .pub .pub-desc .pub-slogan .arrow li:before {
    border-color: transparent transparent transparent #009688
}

.map-svg svg .teal .hover,
.map-svg svg .teal .hover svg,
.map-svg svg .teal .polygon:hover,
.map-svg svg .teal .polygon:hover svg,
.map-svg svg .teal polygon:hover,
.map-svg svg .teal polygon:hover svg,
.teal .map-svg svg .hover,
.teal .map-svg svg .hover svg,
.teal .map-svg svg .polygon:hover,
.teal .map-svg svg .polygon:hover svg,
.teal .map-svg svg polygon:hover,
.teal .map-svg svg polygon:hover svg,
.teal .svg-color,
.teal .svg-color svg,
.teal-svg-color,
.teal-svg-color svg {
    fill: #009688
}

.details-caracteristique .item-carateristique .light-green .icon,
.details-nav .light-green .details-nav-item,
.formulaire .light-green label,
.light-green .bandeau.annonces-min-title,
.light-green .bandeau.avis-title,
.light-green .bandeau.listing-lieu,
.light-green .bandeau.listing-resultat,
.light-green .bandeau.map-title,
.light-green .bg-color,
.light-green .details-caracteristique .item-carateristique .icon,
.light-green .details-nav .details-nav-item,
.light-green .formulaire label,
.light-green .formulaire-title,
.light-green .listing-list-item-desc-text .circle li:before,
.light-green .listing-list-item-desc-text .nuage li:before,
.light-green .main-form .cs-select .cs-options li:hover,
.light-green .main-form input[type=text] .cs-options li:hover,
.light-green .page-agences .page-agences-info,
.light-green .paragraphe .circle li:before,
.light-green .paragraphe .nuage li:before,
.light-green .pub .pub-desc .bandeau.pub-title,
.light-green .pub .pub-desc .pub-slogan .circle li:before,
.light-green .pub .pub-desc .pub-slogan .nuage li:before,
.light-green .pub-lexique .pub-title,
.light-green .search-bar,
.light-green .title.bandeau,
.light-green .top-bar .icon-menu span,
.light-green .top-bar .main-nav,
.light-green div.i4ewOd-pzNkMb-haAclf,
.light-green-bg-color,
.listing-list-item-desc-text .circle .light-green li:before,
.listing-list-item-desc-text .nuage .light-green li:before,
.main-form .cs-select .cs-options .light-green li:hover,
.main-form input[type=text] .cs-options .light-green li:hover,
.page-agences .light-green .page-agences-info,
.paragraphe .circle .light-green li:before,
.paragraphe .nuage .light-green li:before,
.pub .pub-desc .light-green .bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .light-green li:before,
.pub .pub-desc .pub-slogan .nuage .light-green li:before,
.pub-lexique .light-green .pub-title,
.top-bar .icon-menu .light-green span,
.top-bar .light-green .main-nav {
    background-color: #8bc34a
}

.details-caracteristique .item-carateristique .light-green .transparent.icon,
.details-nav .light-green .transparent.details-nav-item,
.formulaire .light-green label.transparent,
.light-green .bg-color.transparent,
.light-green .details-caracteristique .item-carateristique .transparent.icon,
.light-green .details-nav .transparent.details-nav-item,
.light-green .formulaire label.transparent,
.light-green .listing-list-item-desc-text .circle li.transparent:before,
.light-green .listing-list-item-desc-text .nuage li.transparent:before,
.light-green .main-form .cs-select .cs-options li.transparent:hover,
.light-green .main-form input[type=text] .cs-options li.transparent:hover,
.light-green .page-agences .transparent.page-agences-info,
.light-green .paragraphe .circle li.transparent:before,
.light-green .paragraphe .nuage li.transparent:before,
.light-green .pub .pub-desc .pub-slogan .circle li.transparent:before,
.light-green .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.light-green .pub .pub-desc .transparent.bandeau.pub-title,
.light-green .pub-lexique .transparent.pub-title,
.light-green .top-bar .icon-menu span.transparent,
.light-green .top-bar .transparent.main-nav,
.light-green .transparent.bandeau.annonces-min-title,
.light-green .transparent.bandeau.avis-title,
.light-green .transparent.bandeau.listing-lieu,
.light-green .transparent.bandeau.listing-resultat,
.light-green .transparent.bandeau.map-title,
.light-green .transparent.formulaire-title,
.light-green .transparent.search-bar,
.light-green .transparent.title.bandeau,
.light-green div.transparent.i4ewOd-pzNkMb-haAclf,
.light-green-bg-color.transparent,
.listing-list-item-desc-text .circle .light-green li.transparent:before,
.listing-list-item-desc-text .nuage .light-green li.transparent:before,
.main-form .cs-select .cs-options .light-green li.transparent:hover,
.main-form input[type=text] .cs-options .light-green li.transparent:hover,
.page-agences .light-green .transparent.page-agences-info,
.paragraphe .circle .light-green li.transparent:before,
.paragraphe .nuage .light-green li.transparent:before,
.pub .pub-desc .light-green .transparent.bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .light-green li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .light-green li.transparent:before,
.pub-lexique .light-green .transparent.pub-title,
.top-bar .icon-menu .light-green span.transparent,
.top-bar .light-green .transparent.main-nav {
    background-color: rgba(139, 195, 74, .49)
}

.bandeau.annonces-min-title .light-green .icon,
.bandeau.avis-title .light-green .icon,
.bandeau.listing-lieu .light-green .icon,
.bandeau.listing-resultat .light-green .icon,
.bandeau.map-title .light-green .icon,
.button-bandeau .light-green .button-item:hover,
.details-nav .light-green .details-nav-item:hover,
.formulaire .input-radio-content .light-green label:after,
.formulaire-title .light-green h3,
.light-green #details_video,
.light-green .bandeau.annonces-min-title .icon,
.light-green .bandeau.avis-title .icon,
.light-green .bandeau.listing-lieu .icon,
.light-green .bandeau.listing-resultat .icon,
.light-green .bandeau.map-title .icon,
.light-green .bg-color-dark,
.light-green .button-bandeau .button-item:hover,
.light-green .details-nav .details-nav-item:hover,
.light-green .formulaire .input-radio-content label:after,
.light-green .formulaire-title h3,
.light-green .gg-map-poi-container,
.light-green .listing-list-item-footer,
.light-green .main-form .plus.active,
.light-green .main-form .plus:focus,
.light-green .main-form .plus:hover,
.light-green .main-form .top-bar .main-nav ul li.plus.title-nav,
.light-green .page-agences .page-agences-title,
.light-green .pub .pub-desc .bandeau.pub-title .icon,
.light-green .title.bandeau .icon,
.light-green .top-bar .main-nav ul .main-form li.plus.title-nav,
.light-green-bg-color-dark,
.main-form .light-green .plus.active,
.main-form .light-green .plus:focus,
.main-form .light-green .plus:hover,
.main-form .top-bar .main-nav ul .light-green li.plus.title-nav,
.page-agences .light-green .page-agences-title,
.pub .pub-desc .bandeau.pub-title .light-green .icon,
.title.bandeau .light-green .icon,
.top-bar .main-nav ul .main-form .light-green li.plus.title-nav {
    background-color: #71a436
}

.light-green .bg-color-light,
.light-green-bg-color-light {
    background-color: #a4d070
}

.light-green.border-color-arrow,
.listing-list-item-desc-text .arrow li.light-green:before,
.paragraphe .arrow li.light-green:before,
.pub .pub-desc .pub-slogan .arrow li.light-green:before {
    border-color: transparent transparent transparent #8bc34a
}

.light-green.border-color-arrow2,
.pub-x2 .light-green.pub-item:after,
.pub-x3 .light-green.pub-item:after {
    border-color: #8bc34a transparent transparent
}

.light-green .bg-hover:hover,
.light-green .bg.active,
.light-green .top-bar .main-nav ul li.title-nav,
.light-green-bg-hover:hover,
.light-green-bg.active,
.top-bar .main-nav ul .light-green li.title-nav,
.top-bar .main-nav ul li.light-green-bg.title-nav {
    background-color: #7eb73d
}

.agences .agences-link li:last-child .light-green a,
.agences .owl-controls .owl-next .light-green .next,
.agences .owl-controls .owl-next .light-green .prev,
.agences .owl-controls .owl-prev .light-green .next,
.agences .owl-controls .owl-prev .light-green .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .light-green a,
.annonces-min-nav ul li .light-green a:hover,
.annonces-min-nav ul li.active .light-green a,
.annonces-min-title .light-green *,
.avis-title .light-green *,
.breadcrumb .light-green .active,
.breadcrumb .top-bar .main-nav ul .light-green li.title-nav,
.cs-skin-border .light-green .cs-options,
.details-list li .light-green span,
.formulaire .select .light-green .cs-select,
.light-green .agences .agences-link li:last-child a,
.light-green .agences .owl-controls .owl-next .next,
.light-green .agences .owl-controls .owl-next .prev,
.light-green .agences .owl-controls .owl-prev .next,
.light-green .agences .owl-controls .owl-prev .prev,
.light-green .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.light-green .annonces-min-nav ul li a:hover,
.light-green .annonces-min-nav ul li.active a,
.light-green .annonces-min-title *,
.light-green .avis-title *,
.light-green .breadcrumb .active,
.light-green .breadcrumb .top-bar .main-nav ul li.title-nav,
.light-green .cs-skin-border .cs-options,
.light-green .details-list li span,
.light-green .formulaire .select .cs-select,
.light-green .listing-lieu *,
.light-green .listing-list-item-caracteristique-info i,
.light-green .listing-list-item-desc-text a,
.light-green .listing-list-item-footer-info i,
.light-green .listing-resultat *,
.light-green .main-form .plus,
.light-green .map-title *,
.light-green .owl-controls .owl-next .next:hover,
.light-green .owl-controls .owl-next .prev:hover,
.light-green .owl-controls .owl-prev .next:hover,
.light-green .owl-controls .owl-prev .prev:hover,
.light-green .paragraphe a,
.light-green .pub .pub-desc .pub-button:hover a,
.light-green .pub .pub-desc .pub-slogan a,
.light-green .pub .pub-desc .pub-title *,
.light-green .pub-x2 .pub-item:nth-child(2) .pub-button a,
.light-green .pub-x2 .pub-item:nth-child(2) .pub-desc,
.light-green .pub-x2 .pub-item:nth-child(2) .pub-image i,
.light-green .pub-x3 .pub-item:nth-child(2) .pub-button a,
.light-green .pub-x3 .pub-item:nth-child(2) .pub-desc,
.light-green .pub-x3 .pub-item:nth-child(2) .pub-image i,
.light-green .text-color,
.light-green .text-hover:hover,
.light-green .title *,
.light-green .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.light-green .top-bar .main-nav .menu-sup i,
.light-green .top-bar .main-nav ul .breadcrumb li.title-nav,
.light-green-text-color,
.light-green-text-hover:hover,
.listing-lieu .light-green *,
.listing-list-item-caracteristique-info .light-green i,
.listing-list-item-desc-text .light-green a,
.listing-list-item-footer-info .light-green i,
.listing-resultat .light-green *,
.main-form .light-green .plus,
.map-title .light-green *,
.owl-controls .owl-next .light-green .next:hover,
.owl-controls .owl-next .light-green .prev:hover,
.owl-controls .owl-prev .light-green .next:hover,
.owl-controls .owl-prev .light-green .prev:hover,
.paragraphe .light-green a,
.pub .pub-desc .pub-button:hover .light-green a,
.pub .pub-desc .pub-slogan .light-green a,
.pub .pub-desc .pub-title .light-green *,
.pub-x2 .pub-item:nth-child(2) .light-green .pub-desc,
.pub-x2 .pub-item:nth-child(2) .pub-button .light-green a,
.pub-x2 .pub-item:nth-child(2) .pub-image .light-green i,
.pub-x3 .pub-item:nth-child(2) .light-green .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .light-green a,
.pub-x3 .pub-item:nth-child(2) .pub-image .light-green i,
.title .light-green *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .light-green a,
.top-bar .main-nav .menu-sup .light-green i,
.top-bar .main-nav ul .breadcrumb .light-green li.title-nav {
    color: #8bc34a
}

.light-green .text-color-dark,
.light-green .text-hover:hover-dark,
.light-green footer.footer .newsletter button[type=submit]:hover,
.light-green-text-color-dark,
.light-green-text-hover:hover-dark,
footer.footer .newsletter .light-green button[type=submit]:hover {
    color: #71a436
}

.light-green .text-color-light,
.light-green .text-hover:hover-light,
.light-green-text-color-light,
.light-green-text-hover:hover-light {
    color: #a4d070
}

.details-form .details-input .light-green input,
.details-form .details-textarea .light-green textarea,
.formulaire .input .light-green input,
.formulaire .select .cs-select .light-green .cs-placeholder,
.formulaire .textarea .light-green textarea,
.light-green .border-color,
.light-green .border-hover:hover,
.light-green .details-form,
.light-green .details-form .details-input input,
.light-green .details-form .details-textarea textarea,
.light-green .details-list.bordered,
.light-green .formulaire .input input,
.light-green .formulaire .select .cs-select .cs-placeholder,
.light-green .formulaire .textarea textarea,
.light-green .formulaire-part,
.light-green .main-form .cs-select .cs-options,
.light-green .main-form .plus,
.light-green .main-form input[type=text] .cs-options,
.light-green .owl-controls .owl-next .next:hover,
.light-green .owl-controls .owl-next .prev:hover,
.light-green .owl-controls .owl-prev .next:hover,
.light-green .owl-controls .owl-prev .prev:hover,
.light-green .pub-lexique,
.light-green .pub-x2,
.light-green .pub-x2 .pub-item:nth-child(2) .pub-button a,
.light-green .pub-x3,
.light-green .pub-x3 .pub-item:nth-child(2) .pub-button a,
.light-green-border-color,
.light-green-border-hover:hover,
.main-form .cs-select .light-green .cs-options,
.main-form .light-green .plus,
.main-form input[type=text] .light-green .cs-options,
.owl-controls .owl-next .light-green .next:hover,
.owl-controls .owl-next .light-green .prev:hover,
.owl-controls .owl-prev .light-green .next:hover,
.owl-controls .owl-prev .light-green .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .light-green a,
.pub-x3 .pub-item:nth-child(2) .pub-button .light-green a {
    border-color: #8bc34a!important
}

.light-green .border-color-arrow,
.light-green .listing-list-item-desc-text .arrow li:before,
.light-green .paragraphe .arrow li:before,
.light-green .pub .pub-desc .pub-slogan .arrow li:before,
.listing-list-item-desc-text .arrow .light-green li:before,
.paragraphe .arrow .light-green li:before,
.pub .pub-desc .pub-slogan .arrow .light-green li:before {
    border-color: transparent transparent transparent #8bc34a
}

.light-green .map-svg svg .hover,
.light-green .map-svg svg .hover svg,
.light-green .map-svg svg .polygon:hover,
.light-green .map-svg svg .polygon:hover svg,
.light-green .map-svg svg polygon:hover,
.light-green .map-svg svg polygon:hover svg,
.light-green .svg-color,
.light-green .svg-color svg,
.light-green-svg-color,
.light-green-svg-color svg,
.map-svg svg .light-green .hover,
.map-svg svg .light-green .hover svg,
.map-svg svg .light-green .polygon:hover,
.map-svg svg .light-green .polygon:hover svg,
.map-svg svg .light-green polygon:hover,
.map-svg svg .light-green polygon:hover svg {
    fill: #8bc34a
}

.details-caracteristique .item-carateristique .lime .icon,
.details-nav .lime .details-nav-item,
.formulaire .lime label,
.lime .bandeau.annonces-min-title,
.lime .bandeau.avis-title,
.lime .bandeau.listing-lieu,
.lime .bandeau.listing-resultat,
.lime .bandeau.map-title,
.lime .bg-color,
.lime .details-caracteristique .item-carateristique .icon,
.lime .details-nav .details-nav-item,
.lime .formulaire label,
.lime .formulaire-title,
.lime .listing-list-item-desc-text .circle li:before,
.lime .listing-list-item-desc-text .nuage li:before,
.lime .main-form .cs-select .cs-options li:hover,
.lime .main-form input[type=text] .cs-options li:hover,
.lime .page-agences .page-agences-info,
.lime .paragraphe .circle li:before,
.lime .paragraphe .nuage li:before,
.lime .pub .pub-desc .bandeau.pub-title,
.lime .pub .pub-desc .pub-slogan .circle li:before,
.lime .pub .pub-desc .pub-slogan .nuage li:before,
.lime .pub-lexique .pub-title,
.lime .search-bar,
.lime .title.bandeau,
.lime .top-bar .icon-menu span,
.lime .top-bar .main-nav,
.lime div.i4ewOd-pzNkMb-haAclf,
.lime-bg-color,
.listing-list-item-desc-text .circle .lime li:before,
.listing-list-item-desc-text .nuage .lime li:before,
.main-form .cs-select .cs-options .lime li:hover,
.main-form input[type=text] .cs-options .lime li:hover,
.page-agences .lime .page-agences-info,
.paragraphe .circle .lime li:before,
.paragraphe .nuage .lime li:before,
.pub .pub-desc .lime .bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .lime li:before,
.pub .pub-desc .pub-slogan .nuage .lime li:before,
.pub-lexique .lime .pub-title,
.top-bar .icon-menu .lime span,
.top-bar .lime .main-nav {
    background-color: #cddc39
}

.details-caracteristique .item-carateristique .lime .transparent.icon,
.details-nav .lime .transparent.details-nav-item,
.formulaire .lime label.transparent,
.lime .bg-color.transparent,
.lime .details-caracteristique .item-carateristique .transparent.icon,
.lime .details-nav .transparent.details-nav-item,
.lime .formulaire label.transparent,
.lime .listing-list-item-desc-text .circle li.transparent:before,
.lime .listing-list-item-desc-text .nuage li.transparent:before,
.lime .main-form .cs-select .cs-options li.transparent:hover,
.lime .main-form input[type=text] .cs-options li.transparent:hover,
.lime .page-agences .transparent.page-agences-info,
.lime .paragraphe .circle li.transparent:before,
.lime .paragraphe .nuage li.transparent:before,
.lime .pub .pub-desc .pub-slogan .circle li.transparent:before,
.lime .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.lime .pub .pub-desc .transparent.bandeau.pub-title,
.lime .pub-lexique .transparent.pub-title,
.lime .top-bar .icon-menu span.transparent,
.lime .top-bar .transparent.main-nav,
.lime .transparent.bandeau.annonces-min-title,
.lime .transparent.bandeau.avis-title,
.lime .transparent.bandeau.listing-lieu,
.lime .transparent.bandeau.listing-resultat,
.lime .transparent.bandeau.map-title,
.lime .transparent.formulaire-title,
.lime .transparent.search-bar,
.lime .transparent.title.bandeau,
.lime div.transparent.i4ewOd-pzNkMb-haAclf,
.lime-bg-color.transparent,
.listing-list-item-desc-text .circle .lime li.transparent:before,
.listing-list-item-desc-text .nuage .lime li.transparent:before,
.main-form .cs-select .cs-options .lime li.transparent:hover,
.main-form input[type=text] .cs-options .lime li.transparent:hover,
.page-agences .lime .transparent.page-agences-info,
.paragraphe .circle .lime li.transparent:before,
.paragraphe .nuage .lime li.transparent:before,
.pub .pub-desc .lime .transparent.bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .lime li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .lime li.transparent:before,
.pub-lexique .lime .transparent.pub-title,
.top-bar .icon-menu .lime span.transparent,
.top-bar .lime .transparent.main-nav {
    background-color: rgba(205, 220, 57, .49)
}

.bandeau.annonces-min-title .lime .icon,
.bandeau.avis-title .lime .icon,
.bandeau.listing-lieu .lime .icon,
.bandeau.listing-resultat .lime .icon,
.bandeau.map-title .lime .icon,
.button-bandeau .lime .button-item:hover,
.details-nav .lime .details-nav-item:hover,
.formulaire .input-radio-content .lime label:after,
.formulaire-title .lime h3,
.lime #details_video,
.lime .bandeau.annonces-min-title .icon,
.lime .bandeau.avis-title .icon,
.lime .bandeau.listing-lieu .icon,
.lime .bandeau.listing-resultat .icon,
.lime .bandeau.map-title .icon,
.lime .bg-color-dark,
.lime .button-bandeau .button-item:hover,
.lime .details-nav .details-nav-item:hover,
.lime .formulaire .input-radio-content label:after,
.lime .formulaire-title h3,
.lime .gg-map-poi-container,
.lime .listing-list-item-footer,
.lime .main-form .plus.active,
.lime .main-form .plus:focus,
.lime .main-form .plus:hover,
.lime .main-form .top-bar .main-nav ul li.plus.title-nav,
.lime .page-agences .page-agences-title,
.lime .pub .pub-desc .bandeau.pub-title .icon,
.lime .title.bandeau .icon,
.lime .top-bar .main-nav ul .main-form li.plus.title-nav,
.lime-bg-color-dark,
.main-form .lime .plus.active,
.main-form .lime .plus:focus,
.main-form .lime .plus:hover,
.main-form .top-bar .main-nav ul .lime li.plus.title-nav,
.page-agences .lime .page-agences-title,
.pub .pub-desc .bandeau.pub-title .lime .icon,
.title.bandeau .lime .icon,
.top-bar .main-nav ul .main-form .lime li.plus.title-nav {
    background-color: #b2c022
}

.lime .bg-color-light,
.lime-bg-color-light {
    background-color: #d8e464
}

.lime.border-color-arrow,
.listing-list-item-desc-text .arrow li.lime:before,
.paragraphe .arrow li.lime:before,
.pub .pub-desc .pub-slogan .arrow li.lime:before {
    border-color: transparent transparent transparent #cddc39
}

.lime.border-color-arrow2,
.pub-x2 .lime.pub-item:after,
.pub-x3 .lime.pub-item:after {
    border-color: #cddc39 transparent transparent
}

.lime .bg-hover:hover,
.lime .bg.active,
.lime .top-bar .main-nav ul li.title-nav,
.lime-bg-hover:hover,
.lime-bg.active,
.top-bar .main-nav ul .lime li.title-nav,
.top-bar .main-nav ul li.lime-bg.title-nav {
    background-color: #c6d626
}

.agences .agences-link li:last-child .lime a,
.agences .owl-controls .owl-next .lime .next,
.agences .owl-controls .owl-next .lime .prev,
.agences .owl-controls .owl-prev .lime .next,
.agences .owl-controls .owl-prev .lime .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .lime a,
.annonces-min-nav ul li .lime a:hover,
.annonces-min-nav ul li.active .lime a,
.annonces-min-title .lime *,
.avis-title .lime *,
.breadcrumb .lime .active,
.breadcrumb .top-bar .main-nav ul .lime li.title-nav,
.cs-skin-border .lime .cs-options,
.details-list li .lime span,
.formulaire .select .lime .cs-select,
.lime .agences .agences-link li:last-child a,
.lime .agences .owl-controls .owl-next .next,
.lime .agences .owl-controls .owl-next .prev,
.lime .agences .owl-controls .owl-prev .next,
.lime .agences .owl-controls .owl-prev .prev,
.lime .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.lime .annonces-min-nav ul li a:hover,
.lime .annonces-min-nav ul li.active a,
.lime .annonces-min-title *,
.lime .avis-title *,
.lime .breadcrumb .active,
.lime .breadcrumb .top-bar .main-nav ul li.title-nav,
.lime .cs-skin-border .cs-options,
.lime .details-list li span,
.lime .formulaire .select .cs-select,
.lime .listing-lieu *,
.lime .listing-list-item-caracteristique-info i,
.lime .listing-list-item-desc-text a,
.lime .listing-list-item-footer-info i,
.lime .listing-resultat *,
.lime .main-form .plus,
.lime .map-title *,
.lime .owl-controls .owl-next .next:hover,
.lime .owl-controls .owl-next .prev:hover,
.lime .owl-controls .owl-prev .next:hover,
.lime .owl-controls .owl-prev .prev:hover,
.lime .paragraphe a,
.lime .pub .pub-desc .pub-button:hover a,
.lime .pub .pub-desc .pub-slogan a,
.lime .pub .pub-desc .pub-title *,
.lime .pub-x2 .pub-item:nth-child(2) .pub-button a,
.lime .pub-x2 .pub-item:nth-child(2) .pub-desc,
.lime .pub-x2 .pub-item:nth-child(2) .pub-image i,
.lime .pub-x3 .pub-item:nth-child(2) .pub-button a,
.lime .pub-x3 .pub-item:nth-child(2) .pub-desc,
.lime .pub-x3 .pub-item:nth-child(2) .pub-image i,
.lime .text-color,
.lime .text-hover:hover,
.lime .title *,
.lime .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.lime .top-bar .main-nav .menu-sup i,
.lime .top-bar .main-nav ul .breadcrumb li.title-nav,
.lime-text-color,
.lime-text-hover:hover,
.listing-lieu .lime *,
.listing-list-item-caracteristique-info .lime i,
.listing-list-item-desc-text .lime a,
.listing-list-item-footer-info .lime i,
.listing-resultat .lime *,
.main-form .lime .plus,
.map-title .lime *,
.owl-controls .owl-next .lime .next:hover,
.owl-controls .owl-next .lime .prev:hover,
.owl-controls .owl-prev .lime .next:hover,
.owl-controls .owl-prev .lime .prev:hover,
.paragraphe .lime a,
.pub .pub-desc .pub-button:hover .lime a,
.pub .pub-desc .pub-slogan .lime a,
.pub .pub-desc .pub-title .lime *,
.pub-x2 .pub-item:nth-child(2) .lime .pub-desc,
.pub-x2 .pub-item:nth-child(2) .pub-button .lime a,
.pub-x2 .pub-item:nth-child(2) .pub-image .lime i,
.pub-x3 .pub-item:nth-child(2) .lime .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .lime a,
.pub-x3 .pub-item:nth-child(2) .pub-image .lime i,
.title .lime *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .lime a,
.top-bar .main-nav .menu-sup .lime i,
.top-bar .main-nav ul .breadcrumb .lime li.title-nav {
    color: #cddc39
}

.lime .text-color-dark,
.lime .text-hover:hover-dark,
.lime footer.footer .newsletter button[type=submit]:hover,
.lime-text-color-dark,
.lime-text-hover:hover-dark,
footer.footer .newsletter .lime button[type=submit]:hover {
    color: #b2c022
}

.lime .text-color-light,
.lime .text-hover:hover-light,
.lime-text-color-light,
.lime-text-hover:hover-light {
    color: #d8e464
}

.details-form .details-input .lime input,
.details-form .details-textarea .lime textarea,
.formulaire .input .lime input,
.formulaire .select .cs-select .lime .cs-placeholder,
.formulaire .textarea .lime textarea,
.lime .border-color,
.lime .border-hover:hover,
.lime .details-form,
.lime .details-form .details-input input,
.lime .details-form .details-textarea textarea,
.lime .details-list.bordered,
.lime .formulaire .input input,
.lime .formulaire .select .cs-select .cs-placeholder,
.lime .formulaire .textarea textarea,
.lime .formulaire-part,
.lime .main-form .cs-select .cs-options,
.lime .main-form .plus,
.lime .main-form input[type=text] .cs-options,
.lime .owl-controls .owl-next .next:hover,
.lime .owl-controls .owl-next .prev:hover,
.lime .owl-controls .owl-prev .next:hover,
.lime .owl-controls .owl-prev .prev:hover,
.lime .pub-lexique,
.lime .pub-x2,
.lime .pub-x2 .pub-item:nth-child(2) .pub-button a,
.lime .pub-x3,
.lime .pub-x3 .pub-item:nth-child(2) .pub-button a,
.lime-border-color,
.lime-border-hover:hover,
.main-form .cs-select .lime .cs-options,
.main-form .lime .plus,
.main-form input[type=text] .lime .cs-options,
.owl-controls .owl-next .lime .next:hover,
.owl-controls .owl-next .lime .prev:hover,
.owl-controls .owl-prev .lime .next:hover,
.owl-controls .owl-prev .lime .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .lime a,
.pub-x3 .pub-item:nth-child(2) .pub-button .lime a {
    border-color: #cddc39!important
}

.lime .border-color-arrow,
.lime .listing-list-item-desc-text .arrow li:before,
.lime .paragraphe .arrow li:before,
.lime .pub .pub-desc .pub-slogan .arrow li:before,
.listing-list-item-desc-text .arrow .lime li:before,
.paragraphe .arrow .lime li:before,
.pub .pub-desc .pub-slogan .arrow .lime li:before {
    border-color: transparent transparent transparent #cddc39
}

.lime .map-svg svg .hover,
.lime .map-svg svg .hover svg,
.lime .map-svg svg .polygon:hover,
.lime .map-svg svg .polygon:hover svg,
.lime .map-svg svg polygon:hover,
.lime .map-svg svg polygon:hover svg,
.lime .svg-color,
.lime .svg-color svg,
.lime-svg-color,
.lime-svg-color svg,
.map-svg svg .lime .hover,
.map-svg svg .lime .hover svg,
.map-svg svg .lime .polygon:hover,
.map-svg svg .lime .polygon:hover svg,
.map-svg svg .lime polygon:hover,
.map-svg svg .lime polygon:hover svg {
    fill: #cddc39
}

.details-caracteristique .item-carateristique .yellow .icon,
.details-nav .yellow .details-nav-item,
.formulaire .yellow label,
.listing-list-item-desc-text .circle .yellow li:before,
.listing-list-item-desc-text .nuage .yellow li:before,
.main-form .cs-select .cs-options .yellow li:hover,
.main-form input[type=text] .cs-options .yellow li:hover,
.page-agences .yellow .page-agences-info,
.paragraphe .circle .yellow li:before,
.paragraphe .nuage .yellow li:before,
.pub .pub-desc .pub-slogan .circle .yellow li:before,
.pub .pub-desc .pub-slogan .nuage .yellow li:before,
.pub .pub-desc .yellow .bandeau.pub-title,
.pub-lexique .yellow .pub-title,
.top-bar .icon-menu .yellow span,
.top-bar .yellow .main-nav,
.yellow .bandeau.annonces-min-title,
.yellow .bandeau.avis-title,
.yellow .bandeau.listing-lieu,
.yellow .bandeau.listing-resultat,
.yellow .bandeau.map-title,
.yellow .bg-color,
.yellow .details-caracteristique .item-carateristique .icon,
.yellow .details-nav .details-nav-item,
.yellow .formulaire label,
.yellow .formulaire-title,
.yellow .listing-list-item-desc-text .circle li:before,
.yellow .listing-list-item-desc-text .nuage li:before,
.yellow .main-form .cs-select .cs-options li:hover,
.yellow .main-form input[type=text] .cs-options li:hover,
.yellow .page-agences .page-agences-info,
.yellow .paragraphe .circle li:before,
.yellow .paragraphe .nuage li:before,
.yellow .pub .pub-desc .bandeau.pub-title,
.yellow .pub .pub-desc .pub-slogan .circle li:before,
.yellow .pub .pub-desc .pub-slogan .nuage li:before,
.yellow .pub-lexique .pub-title,
.yellow .search-bar,
.yellow .title.bandeau,
.yellow .top-bar .icon-menu span,
.yellow .top-bar .main-nav,
.yellow div.i4ewOd-pzNkMb-haAclf,
.yellow-bg-color {
    background-color: #ffeb3b
}

.details-caracteristique .item-carateristique .yellow .transparent.icon,
.details-nav .yellow .transparent.details-nav-item,
.formulaire .yellow label.transparent,
.listing-list-item-desc-text .circle .yellow li.transparent:before,
.listing-list-item-desc-text .nuage .yellow li.transparent:before,
.main-form .cs-select .cs-options .yellow li.transparent:hover,
.main-form input[type=text] .cs-options .yellow li.transparent:hover,
.page-agences .yellow .transparent.page-agences-info,
.paragraphe .circle .yellow li.transparent:before,
.paragraphe .nuage .yellow li.transparent:before,
.pub .pub-desc .pub-slogan .circle .yellow li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .yellow li.transparent:before,
.pub .pub-desc .yellow .transparent.bandeau.pub-title,
.pub-lexique .yellow .transparent.pub-title,
.top-bar .icon-menu .yellow span.transparent,
.top-bar .yellow .transparent.main-nav,
.yellow .bg-color.transparent,
.yellow .details-caracteristique .item-carateristique .transparent.icon,
.yellow .details-nav .transparent.details-nav-item,
.yellow .formulaire label.transparent,
.yellow .listing-list-item-desc-text .circle li.transparent:before,
.yellow .listing-list-item-desc-text .nuage li.transparent:before,
.yellow .main-form .cs-select .cs-options li.transparent:hover,
.yellow .main-form input[type=text] .cs-options li.transparent:hover,
.yellow .page-agences .transparent.page-agences-info,
.yellow .paragraphe .circle li.transparent:before,
.yellow .paragraphe .nuage li.transparent:before,
.yellow .pub .pub-desc .pub-slogan .circle li.transparent:before,
.yellow .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.yellow .pub .pub-desc .transparent.bandeau.pub-title,
.yellow .pub-lexique .transparent.pub-title,
.yellow .top-bar .icon-menu span.transparent,
.yellow .top-bar .transparent.main-nav,
.yellow .transparent.bandeau.annonces-min-title,
.yellow .transparent.bandeau.avis-title,
.yellow .transparent.bandeau.listing-lieu,
.yellow .transparent.bandeau.listing-resultat,
.yellow .transparent.bandeau.map-title,
.yellow .transparent.formulaire-title,
.yellow .transparent.search-bar,
.yellow .transparent.title.bandeau,
.yellow div.transparent.i4ewOd-pzNkMb-haAclf,
.yellow-bg-color.transparent {
    background-color: rgba(255, 235, 59, .49)
}

.bandeau.annonces-min-title .yellow .icon,
.bandeau.avis-title .yellow .icon,
.bandeau.listing-lieu .yellow .icon,
.bandeau.listing-resultat .yellow .icon,
.bandeau.map-title .yellow .icon,
.button-bandeau .yellow .button-item:hover,
.details-nav .yellow .details-nav-item:hover,
.formulaire .input-radio-content .yellow label:after,
.formulaire-title .yellow h3,
.main-form .top-bar .main-nav ul .yellow li.plus.title-nav,
.main-form .yellow .plus.active,
.main-form .yellow .plus:focus,
.main-form .yellow .plus:hover,
.page-agences .yellow .page-agences-title,
.pub .pub-desc .bandeau.pub-title .yellow .icon,
.title.bandeau .yellow .icon,
.top-bar .main-nav ul .main-form .yellow li.plus.title-nav,
.yellow #details_video,
.yellow .bandeau.annonces-min-title .icon,
.yellow .bandeau.avis-title .icon,
.yellow .bandeau.listing-lieu .icon,
.yellow .bandeau.listing-resultat .icon,
.yellow .bandeau.map-title .icon,
.yellow .bg-color-dark,
.yellow .button-bandeau .button-item:hover,
.yellow .details-nav .details-nav-item:hover,
.yellow .formulaire .input-radio-content label:after,
.yellow .formulaire-title h3,
.yellow .gg-map-poi-container,
.yellow .listing-list-item-footer,
.yellow .main-form .plus.active,
.yellow .main-form .plus:focus,
.yellow .main-form .plus:hover,
.yellow .main-form .top-bar .main-nav ul li.plus.title-nav,
.yellow .page-agences .page-agences-title,
.yellow .pub .pub-desc .bandeau.pub-title .icon,
.yellow .title.bandeau .icon,
.yellow .top-bar .main-nav ul .main-form li.plus.title-nav,
.yellow-bg-color-dark {
    background-color: #ffe608
}

.yellow .bg-color-light,
.yellow-bg-color-light {
    background-color: #fff06e
}

.listing-list-item-desc-text .arrow li.yellow:before,
.paragraphe .arrow li.yellow:before,
.pub .pub-desc .pub-slogan .arrow li.yellow:before,
.yellow.border-color-arrow {
    border-color: transparent transparent transparent #ffeb3b
}

.pub-x2 .yellow.pub-item:after,
.pub-x3 .yellow.pub-item:after,
.yellow.border-color-arrow2 {
    border-color: #ffeb3b transparent transparent
}

.top-bar .main-nav ul .yellow li.title-nav,
.top-bar .main-nav ul li.yellow-bg.title-nav,
.yellow .bg-hover:hover,
.yellow .bg.active,
.yellow .top-bar .main-nav ul li.title-nav,
.yellow-bg-hover:hover,
.yellow-bg.active {
    background-color: #ffe822
}

.agences .agences-link li:last-child .yellow a,
.agences .owl-controls .owl-next .yellow .next,
.agences .owl-controls .owl-next .yellow .prev,
.agences .owl-controls .owl-prev .yellow .next,
.agences .owl-controls .owl-prev .yellow .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .yellow a,
.annonces-min-nav ul li .yellow a:hover,
.annonces-min-nav ul li.active .yellow a,
.annonces-min-title .yellow *,
.avis-title .yellow *,
.breadcrumb .top-bar .main-nav ul .yellow li.title-nav,
.breadcrumb .yellow .active,
.cs-skin-border .yellow .cs-options,
.details-list li .yellow span,
.formulaire .select .yellow .cs-select,
.listing-lieu .yellow *,
.listing-list-item-caracteristique-info .yellow i,
.listing-list-item-desc-text .yellow a,
.listing-list-item-footer-info .yellow i,
.listing-resultat .yellow *,
.main-form .yellow .plus,
.map-title .yellow *,
.owl-controls .owl-next .yellow .next:hover,
.owl-controls .owl-next .yellow .prev:hover,
.owl-controls .owl-prev .yellow .next:hover,
.owl-controls .owl-prev .yellow .prev:hover,
.paragraphe .yellow a,
.pub .pub-desc .pub-button:hover .yellow a,
.pub .pub-desc .pub-slogan .yellow a,
.pub .pub-desc .pub-title .yellow *,
.pub-x2 .pub-item:nth-child(2) .pub-button .yellow a,
.pub-x2 .pub-item:nth-child(2) .pub-image .yellow i,
.pub-x2 .pub-item:nth-child(2) .yellow .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .yellow a,
.pub-x3 .pub-item:nth-child(2) .pub-image .yellow i,
.pub-x3 .pub-item:nth-child(2) .yellow .pub-desc,
.title .yellow *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .yellow a,
.top-bar .main-nav .menu-sup .yellow i,
.top-bar .main-nav ul .breadcrumb .yellow li.title-nav,
.yellow .agences .agences-link li:last-child a,
.yellow .agences .owl-controls .owl-next .next,
.yellow .agences .owl-controls .owl-next .prev,
.yellow .agences .owl-controls .owl-prev .next,
.yellow .agences .owl-controls .owl-prev .prev,
.yellow .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.yellow .annonces-min-nav ul li a:hover,
.yellow .annonces-min-nav ul li.active a,
.yellow .annonces-min-title *,
.yellow .avis-title *,
.yellow .breadcrumb .active,
.yellow .breadcrumb .top-bar .main-nav ul li.title-nav,
.yellow .cs-skin-border .cs-options,
.yellow .details-list li span,
.yellow .formulaire .select .cs-select,
.yellow .listing-lieu *,
.yellow .listing-list-item-caracteristique-info i,
.yellow .listing-list-item-desc-text a,
.yellow .listing-list-item-footer-info i,
.yellow .listing-resultat *,
.yellow .main-form .plus,
.yellow .map-title *,
.yellow .owl-controls .owl-next .next:hover,
.yellow .owl-controls .owl-next .prev:hover,
.yellow .owl-controls .owl-prev .next:hover,
.yellow .owl-controls .owl-prev .prev:hover,
.yellow .paragraphe a,
.yellow .pub .pub-desc .pub-button:hover a,
.yellow .pub .pub-desc .pub-slogan a,
.yellow .pub .pub-desc .pub-title *,
.yellow .pub-x2 .pub-item:nth-child(2) .pub-button a,
.yellow .pub-x2 .pub-item:nth-child(2) .pub-desc,
.yellow .pub-x2 .pub-item:nth-child(2) .pub-image i,
.yellow .pub-x3 .pub-item:nth-child(2) .pub-button a,
.yellow .pub-x3 .pub-item:nth-child(2) .pub-desc,
.yellow .pub-x3 .pub-item:nth-child(2) .pub-image i,
.yellow .text-color,
.yellow .text-hover:hover,
.yellow .title *,
.yellow .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.yellow .top-bar .main-nav .menu-sup i,
.yellow .top-bar .main-nav ul .breadcrumb li.title-nav,
.yellow-text-color,
.yellow-text-hover:hover {
    color: #ffeb3b
}

.yellow .text-color-dark,
.yellow .text-hover:hover-dark,
.yellow footer.footer .newsletter button[type=submit]:hover,
.yellow-text-color-dark,
.yellow-text-hover:hover-dark,
footer.footer .newsletter .yellow button[type=submit]:hover {
    color: #ffe608
}

.yellow .text-color-light,
.yellow .text-hover:hover-light,
.yellow-text-color-light,
.yellow-text-hover:hover-light {
    color: #fff06e
}

.details-form .details-input .yellow input,
.details-form .details-textarea .yellow textarea,
.formulaire .input .yellow input,
.formulaire .select .cs-select .yellow .cs-placeholder,
.formulaire .textarea .yellow textarea,
.main-form .cs-select .yellow .cs-options,
.main-form .yellow .plus,
.main-form input[type=text] .yellow .cs-options,
.owl-controls .owl-next .yellow .next:hover,
.owl-controls .owl-next .yellow .prev:hover,
.owl-controls .owl-prev .yellow .next:hover,
.owl-controls .owl-prev .yellow .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .yellow a,
.pub-x3 .pub-item:nth-child(2) .pub-button .yellow a,
.yellow .border-color,
.yellow .border-hover:hover,
.yellow .details-form,
.yellow .details-form .details-input input,
.yellow .details-form .details-textarea textarea,
.yellow .details-list.bordered,
.yellow .formulaire .input input,
.yellow .formulaire .select .cs-select .cs-placeholder,
.yellow .formulaire .textarea textarea,
.yellow .formulaire-part,
.yellow .main-form .cs-select .cs-options,
.yellow .main-form .plus,
.yellow .main-form input[type=text] .cs-options,
.yellow .owl-controls .owl-next .next:hover,
.yellow .owl-controls .owl-next .prev:hover,
.yellow .owl-controls .owl-prev .next:hover,
.yellow .owl-controls .owl-prev .prev:hover,
.yellow .pub-lexique,
.yellow .pub-x2,
.yellow .pub-x2 .pub-item:nth-child(2) .pub-button a,
.yellow .pub-x3,
.yellow .pub-x3 .pub-item:nth-child(2) .pub-button a,
.yellow-border-color,
.yellow-border-hover:hover {
    border-color: #ffeb3b!important
}

.listing-list-item-desc-text .arrow .yellow li:before,
.paragraphe .arrow .yellow li:before,
.pub .pub-desc .pub-slogan .arrow .yellow li:before,
.yellow .border-color-arrow,
.yellow .listing-list-item-desc-text .arrow li:before,
.yellow .paragraphe .arrow li:before,
.yellow .pub .pub-desc .pub-slogan .arrow li:before {
    border-color: transparent transparent transparent #ffeb3b
}

.map-svg svg .yellow .hover,
.map-svg svg .yellow .hover svg,
.map-svg svg .yellow .polygon:hover,
.map-svg svg .yellow .polygon:hover svg,
.map-svg svg .yellow polygon:hover,
.map-svg svg .yellow polygon:hover svg,
.yellow .map-svg svg .hover,
.yellow .map-svg svg .hover svg,
.yellow .map-svg svg .polygon:hover,
.yellow .map-svg svg .polygon:hover svg,
.yellow .map-svg svg polygon:hover,
.yellow .map-svg svg polygon:hover svg,
.yellow .svg-color,
.yellow .svg-color svg,
.yellow-svg-color,
.yellow-svg-color svg {
    fill: #ffeb3b
}

.amber .bandeau.annonces-min-title,
.amber .bandeau.avis-title,
.amber .bandeau.listing-lieu,
.amber .bandeau.listing-resultat,
.amber .bandeau.map-title,
.amber .bg-color,
.amber .details-caracteristique .item-carateristique .icon,
.amber .details-nav .details-nav-item,
.amber .formulaire label,
.amber .formulaire-title,
.amber .listing-list-item-desc-text .circle li:before,
.amber .listing-list-item-desc-text .nuage li:before,
.amber .main-form .cs-select .cs-options li:hover,
.amber .main-form input[type=text] .cs-options li:hover,
.amber .page-agences .page-agences-info,
.amber .paragraphe .circle li:before,
.amber .paragraphe .nuage li:before,
.amber .pub .pub-desc .bandeau.pub-title,
.amber .pub .pub-desc .pub-slogan .circle li:before,
.amber .pub .pub-desc .pub-slogan .nuage li:before,
.amber .pub-lexique .pub-title,
.amber .search-bar,
.amber .title.bandeau,
.amber .top-bar .icon-menu span,
.amber .top-bar .main-nav,
.amber div.i4ewOd-pzNkMb-haAclf,
.amber-bg-color,
.details-caracteristique .item-carateristique .amber .icon,
.details-nav .amber .details-nav-item,
.formulaire .amber label,
.listing-list-item-desc-text .circle .amber li:before,
.listing-list-item-desc-text .nuage .amber li:before,
.main-form .cs-select .cs-options .amber li:hover,
.main-form input[type=text] .cs-options .amber li:hover,
.page-agences .amber .page-agences-info,
.paragraphe .circle .amber li:before,
.paragraphe .nuage .amber li:before,
.pub .pub-desc .amber .bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .amber li:before,
.pub .pub-desc .pub-slogan .nuage .amber li:before,
.pub-lexique .amber .pub-title,
.top-bar .amber .main-nav,
.top-bar .icon-menu .amber span {
    background-color: #ffc107
}

.amber .bg-color.transparent,
.amber .details-caracteristique .item-carateristique .transparent.icon,
.amber .details-nav .transparent.details-nav-item,
.amber .formulaire label.transparent,
.amber .listing-list-item-desc-text .circle li.transparent:before,
.amber .listing-list-item-desc-text .nuage li.transparent:before,
.amber .main-form .cs-select .cs-options li.transparent:hover,
.amber .main-form input[type=text] .cs-options li.transparent:hover,
.amber .page-agences .transparent.page-agences-info,
.amber .paragraphe .circle li.transparent:before,
.amber .paragraphe .nuage li.transparent:before,
.amber .pub .pub-desc .pub-slogan .circle li.transparent:before,
.amber .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.amber .pub .pub-desc .transparent.bandeau.pub-title,
.amber .pub-lexique .transparent.pub-title,
.amber .top-bar .icon-menu span.transparent,
.amber .top-bar .transparent.main-nav,
.amber .transparent.bandeau.annonces-min-title,
.amber .transparent.bandeau.avis-title,
.amber .transparent.bandeau.listing-lieu,
.amber .transparent.bandeau.listing-resultat,
.amber .transparent.bandeau.map-title,
.amber .transparent.formulaire-title,
.amber .transparent.search-bar,
.amber .transparent.title.bandeau,
.amber div.transparent.i4ewOd-pzNkMb-haAclf,
.amber-bg-color.transparent,
.details-caracteristique .item-carateristique .amber .transparent.icon,
.details-nav .amber .transparent.details-nav-item,
.formulaire .amber label.transparent,
.listing-list-item-desc-text .circle .amber li.transparent:before,
.listing-list-item-desc-text .nuage .amber li.transparent:before,
.main-form .cs-select .cs-options .amber li.transparent:hover,
.main-form input[type=text] .cs-options .amber li.transparent:hover,
.page-agences .amber .transparent.page-agences-info,
.paragraphe .circle .amber li.transparent:before,
.paragraphe .nuage .amber li.transparent:before,
.pub .pub-desc .amber .transparent.bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .amber li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .amber li.transparent:before,
.pub-lexique .amber .transparent.pub-title,
.top-bar .amber .transparent.main-nav,
.top-bar .icon-menu .amber span.transparent {
    background-color: rgba(255, 193, 7, .49)
}

.amber #details_video,
.amber .bandeau.annonces-min-title .icon,
.amber .bandeau.avis-title .icon,
.amber .bandeau.listing-lieu .icon,
.amber .bandeau.listing-resultat .icon,
.amber .bandeau.map-title .icon,
.amber .bg-color-dark,
.amber .button-bandeau .button-item:hover,
.amber .details-nav .details-nav-item:hover,
.amber .formulaire .input-radio-content label:after,
.amber .formulaire-title h3,
.amber .gg-map-poi-container,
.amber .listing-list-item-footer,
.amber .main-form .plus.active,
.amber .main-form .plus:focus,
.amber .main-form .plus:hover,
.amber .main-form .top-bar .main-nav ul li.plus.title-nav,
.amber .page-agences .page-agences-title,
.amber .pub .pub-desc .bandeau.pub-title .icon,
.amber .title.bandeau .icon,
.amber .top-bar .main-nav ul .main-form li.plus.title-nav,
.amber-bg-color-dark,
.bandeau.annonces-min-title .amber .icon,
.bandeau.avis-title .amber .icon,
.bandeau.listing-lieu .amber .icon,
.bandeau.listing-resultat .amber .icon,
.bandeau.map-title .amber .icon,
.button-bandeau .amber .button-item:hover,
.details-nav .amber .details-nav-item:hover,
.formulaire .input-radio-content .amber label:after,
.formulaire-title .amber h3,
.main-form .amber .plus.active,
.main-form .amber .plus:focus,
.main-form .amber .plus:hover,
.main-form .top-bar .main-nav ul .amber li.plus.title-nav,
.page-agences .amber .page-agences-title,
.pub .pub-desc .bandeau.pub-title .amber .icon,
.title.bandeau .amber .icon,
.top-bar .main-nav ul .main-form .amber li.plus.title-nav {
    background-color: #d39e00
}

.amber .bg-color-light,
.amber-bg-color-light {
    background-color: #ffce3a
}

.amber.border-color-arrow,
.listing-list-item-desc-text .arrow li.amber:before,
.paragraphe .arrow li.amber:before,
.pub .pub-desc .pub-slogan .arrow li.amber:before {
    border-color: transparent transparent transparent #ffc107
}

.amber.border-color-arrow2,
.pub-x2 .amber.pub-item:after,
.pub-x3 .amber.pub-item:after {
    border-color: #ffc107 transparent transparent
}

.amber .bg-hover:hover,
.amber .bg.active,
.amber .top-bar .main-nav ul li.title-nav,
.amber-bg-hover:hover,
.amber-bg.active,
.top-bar .main-nav ul .amber li.title-nav,
.top-bar .main-nav ul li.amber-bg.title-nav {
    background-color: #edb100
}

.agences .agences-link li:last-child .amber a,
.agences .owl-controls .owl-next .amber .next,
.agences .owl-controls .owl-next .amber .prev,
.agences .owl-controls .owl-prev .amber .next,
.agences .owl-controls .owl-prev .amber .prev,
.amber .agences .agences-link li:last-child a,
.amber .agences .owl-controls .owl-next .next,
.amber .agences .owl-controls .owl-next .prev,
.amber .agences .owl-controls .owl-prev .next,
.amber .agences .owl-controls .owl-prev .prev,
.amber .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.amber .annonces-min-nav ul li a:hover,
.amber .annonces-min-nav ul li.active a,
.amber .annonces-min-title *,
.amber .avis-title *,
.amber .breadcrumb .active,
.amber .breadcrumb .top-bar .main-nav ul li.title-nav,
.amber .cs-skin-border .cs-options,
.amber .details-list li span,
.amber .formulaire .select .cs-select,
.amber .listing-lieu *,
.amber .listing-list-item-caracteristique-info i,
.amber .listing-list-item-desc-text a,
.amber .listing-list-item-footer-info i,
.amber .listing-resultat *,
.amber .main-form .plus,
.amber .map-title *,
.amber .owl-controls .owl-next .next:hover,
.amber .owl-controls .owl-next .prev:hover,
.amber .owl-controls .owl-prev .next:hover,
.amber .owl-controls .owl-prev .prev:hover,
.amber .paragraphe a,
.amber .pub .pub-desc .pub-button:hover a,
.amber .pub .pub-desc .pub-slogan a,
.amber .pub .pub-desc .pub-title *,
.amber .pub-x2 .pub-item:nth-child(2) .pub-button a,
.amber .pub-x2 .pub-item:nth-child(2) .pub-desc,
.amber .pub-x2 .pub-item:nth-child(2) .pub-image i,
.amber .pub-x3 .pub-item:nth-child(2) .pub-button a,
.amber .pub-x3 .pub-item:nth-child(2) .pub-desc,
.amber .pub-x3 .pub-item:nth-child(2) .pub-image i,
.amber .text-color,
.amber .text-hover:hover,
.amber .title *,
.amber .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.amber .top-bar .main-nav .menu-sup i,
.amber .top-bar .main-nav ul .breadcrumb li.title-nav,
.amber-text-color,
.amber-text-hover:hover,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .amber a,
.annonces-min-nav ul li .amber a:hover,
.annonces-min-nav ul li.active .amber a,
.annonces-min-title .amber *,
.avis-title .amber *,
.breadcrumb .amber .active,
.breadcrumb .top-bar .main-nav ul .amber li.title-nav,
.cs-skin-border .amber .cs-options,
.details-list li .amber span,
.formulaire .select .amber .cs-select,
.listing-lieu .amber *,
.listing-list-item-caracteristique-info .amber i,
.listing-list-item-desc-text .amber a,
.listing-list-item-footer-info .amber i,
.listing-resultat .amber *,
.main-form .amber .plus,
.map-title .amber *,
.owl-controls .owl-next .amber .next:hover,
.owl-controls .owl-next .amber .prev:hover,
.owl-controls .owl-prev .amber .next:hover,
.owl-controls .owl-prev .amber .prev:hover,
.paragraphe .amber a,
.pub .pub-desc .pub-button:hover .amber a,
.pub .pub-desc .pub-slogan .amber a,
.pub .pub-desc .pub-title .amber *,
.pub-x2 .pub-item:nth-child(2) .amber .pub-desc,
.pub-x2 .pub-item:nth-child(2) .pub-button .amber a,
.pub-x2 .pub-item:nth-child(2) .pub-image .amber i,
.pub-x3 .pub-item:nth-child(2) .amber .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .amber a,
.pub-x3 .pub-item:nth-child(2) .pub-image .amber i,
.title .amber *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .amber a,
.top-bar .main-nav .menu-sup .amber i,
.top-bar .main-nav ul .breadcrumb .amber li.title-nav {
    color: #ffc107
}

.amber .text-color-dark,
.amber .text-hover:hover-dark,
.amber footer.footer .newsletter button[type=submit]:hover,
.amber-text-color-dark,
.amber-text-hover:hover-dark,
footer.footer .newsletter .amber button[type=submit]:hover {
    color: #d39e00
}

.amber .text-color-light,
.amber .text-hover:hover-light,
.amber-text-color-light,
.amber-text-hover:hover-light {
    color: #ffce3a
}

.amber .border-color,
.amber .border-hover:hover,
.amber .details-form,
.amber .details-form .details-input input,
.amber .details-form .details-textarea textarea,
.amber .details-list.bordered,
.amber .formulaire .input input,
.amber .formulaire .select .cs-select .cs-placeholder,
.amber .formulaire .textarea textarea,
.amber .formulaire-part,
.amber .main-form .cs-select .cs-options,
.amber .main-form .plus,
.amber .main-form input[type=text] .cs-options,
.amber .owl-controls .owl-next .next:hover,
.amber .owl-controls .owl-next .prev:hover,
.amber .owl-controls .owl-prev .next:hover,
.amber .owl-controls .owl-prev .prev:hover,
.amber .pub-lexique,
.amber .pub-x2,
.amber .pub-x2 .pub-item:nth-child(2) .pub-button a,
.amber .pub-x3,
.amber .pub-x3 .pub-item:nth-child(2) .pub-button a,
.amber-border-color,
.amber-border-hover:hover,
.details-form .details-input .amber input,
.details-form .details-textarea .amber textarea,
.formulaire .input .amber input,
.formulaire .select .cs-select .amber .cs-placeholder,
.formulaire .textarea .amber textarea,
.main-form .amber .plus,
.main-form .cs-select .amber .cs-options,
.main-form input[type=text] .amber .cs-options,
.owl-controls .owl-next .amber .next:hover,
.owl-controls .owl-next .amber .prev:hover,
.owl-controls .owl-prev .amber .next:hover,
.owl-controls .owl-prev .amber .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .amber a,
.pub-x3 .pub-item:nth-child(2) .pub-button .amber a {
    border-color: #ffc107!important
}

.amber .border-color-arrow,
.amber .listing-list-item-desc-text .arrow li:before,
.amber .paragraphe .arrow li:before,
.amber .pub .pub-desc .pub-slogan .arrow li:before,
.listing-list-item-desc-text .arrow .amber li:before,
.paragraphe .arrow .amber li:before,
.pub .pub-desc .pub-slogan .arrow .amber li:before {
    border-color: transparent transparent transparent #ffc107
}

.amber .map-svg svg .hover,
.amber .map-svg svg .hover svg,
.amber .map-svg svg .polygon:hover,
.amber .map-svg svg .polygon:hover svg,
.amber .map-svg svg polygon:hover,
.amber .map-svg svg polygon:hover svg,
.amber .svg-color,
.amber .svg-color svg,
.amber-svg-color,
.amber-svg-color svg,
.map-svg svg .amber .hover,
.map-svg svg .amber .hover svg,
.map-svg svg .amber .polygon:hover,
.map-svg svg .amber .polygon:hover svg,
.map-svg svg .amber polygon:hover,
.map-svg svg .amber polygon:hover svg {
    fill: #ffc107
}

.deep-orange .bandeau.annonces-min-title,
.deep-orange .bandeau.avis-title,
.deep-orange .bandeau.listing-lieu,
.deep-orange .bandeau.listing-resultat,
.deep-orange .bandeau.map-title,
.deep-orange .bg-color,
.deep-orange .details-caracteristique .item-carateristique .icon,
.deep-orange .details-nav .details-nav-item,
.deep-orange .formulaire label,
.deep-orange .formulaire-title,
.deep-orange .listing-list-item-desc-text .circle li:before,
.deep-orange .listing-list-item-desc-text .nuage li:before,
.deep-orange .main-form .cs-select .cs-options li:hover,
.deep-orange .main-form input[type=text] .cs-options li:hover,
.deep-orange .page-agences .page-agences-info,
.deep-orange .paragraphe .circle li:before,
.deep-orange .paragraphe .nuage li:before,
.deep-orange .pub .pub-desc .bandeau.pub-title,
.deep-orange .pub .pub-desc .pub-slogan .circle li:before,
.deep-orange .pub .pub-desc .pub-slogan .nuage li:before,
.deep-orange .pub-lexique .pub-title,
.deep-orange .search-bar,
.deep-orange .title.bandeau,
.deep-orange .top-bar .icon-menu span,
.deep-orange .top-bar .main-nav,
.deep-orange div.i4ewOd-pzNkMb-haAclf,
.deep-orange-bg-color,
.details-caracteristique .item-carateristique .deep-orange .icon,
.details-nav .deep-orange .details-nav-item,
.formulaire .deep-orange label,
.listing-list-item-desc-text .circle .deep-orange li:before,
.listing-list-item-desc-text .nuage .deep-orange li:before,
.main-form .cs-select .cs-options .deep-orange li:hover,
.main-form input[type=text] .cs-options .deep-orange li:hover,
.page-agences .deep-orange .page-agences-info,
.paragraphe .circle .deep-orange li:before,
.paragraphe .nuage .deep-orange li:before,
.pub .pub-desc .deep-orange .bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .deep-orange li:before,
.pub .pub-desc .pub-slogan .nuage .deep-orange li:before,
.pub-lexique .deep-orange .pub-title,
.top-bar .deep-orange .main-nav,
.top-bar .icon-menu .deep-orange span {
    background-color: #ff5722
}

.deep-orange .bg-color.transparent,
.deep-orange .details-caracteristique .item-carateristique .transparent.icon,
.deep-orange .details-nav .transparent.details-nav-item,
.deep-orange .formulaire label.transparent,
.deep-orange .listing-list-item-desc-text .circle li.transparent:before,
.deep-orange .listing-list-item-desc-text .nuage li.transparent:before,
.deep-orange .main-form .cs-select .cs-options li.transparent:hover,
.deep-orange .main-form input[type=text] .cs-options li.transparent:hover,
.deep-orange .page-agences .transparent.page-agences-info,
.deep-orange .paragraphe .circle li.transparent:before,
.deep-orange .paragraphe .nuage li.transparent:before,
.deep-orange .pub .pub-desc .pub-slogan .circle li.transparent:before,
.deep-orange .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.deep-orange .pub .pub-desc .transparent.bandeau.pub-title,
.deep-orange .pub-lexique .transparent.pub-title,
.deep-orange .top-bar .icon-menu span.transparent,
.deep-orange .top-bar .transparent.main-nav,
.deep-orange .transparent.bandeau.annonces-min-title,
.deep-orange .transparent.bandeau.avis-title,
.deep-orange .transparent.bandeau.listing-lieu,
.deep-orange .transparent.bandeau.listing-resultat,
.deep-orange .transparent.bandeau.map-title,
.deep-orange .transparent.formulaire-title,
.deep-orange .transparent.search-bar,
.deep-orange .transparent.title.bandeau,
.deep-orange div.transparent.i4ewOd-pzNkMb-haAclf,
.deep-orange-bg-color.transparent,
.details-caracteristique .item-carateristique .deep-orange .transparent.icon,
.details-nav .deep-orange .transparent.details-nav-item,
.formulaire .deep-orange label.transparent,
.listing-list-item-desc-text .circle .deep-orange li.transparent:before,
.listing-list-item-desc-text .nuage .deep-orange li.transparent:before,
.main-form .cs-select .cs-options .deep-orange li.transparent:hover,
.main-form input[type=text] .cs-options .deep-orange li.transparent:hover,
.page-agences .deep-orange .transparent.page-agences-info,
.paragraphe .circle .deep-orange li.transparent:before,
.paragraphe .nuage .deep-orange li.transparent:before,
.pub .pub-desc .deep-orange .transparent.bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .deep-orange li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .deep-orange li.transparent:before,
.pub-lexique .deep-orange .transparent.pub-title,
.top-bar .deep-orange .transparent.main-nav,
.top-bar .icon-menu .deep-orange span.transparent {
    background-color: rgba(255, 87, 34, .49)
}

.bandeau.annonces-min-title .deep-orange .icon,
.bandeau.avis-title .deep-orange .icon,
.bandeau.listing-lieu .deep-orange .icon,
.bandeau.listing-resultat .deep-orange .icon,
.bandeau.map-title .deep-orange .icon,
.button-bandeau .deep-orange .button-item:hover,
.deep-orange #details_video,
.deep-orange .bandeau.annonces-min-title .icon,
.deep-orange .bandeau.avis-title .icon,
.deep-orange .bandeau.listing-lieu .icon,
.deep-orange .bandeau.listing-resultat .icon,
.deep-orange .bandeau.map-title .icon,
.deep-orange .bg-color-dark,
.deep-orange .button-bandeau .button-item:hover,
.deep-orange .details-nav .details-nav-item:hover,
.deep-orange .formulaire .input-radio-content label:after,
.deep-orange .formulaire-title h3,
.deep-orange .gg-map-poi-container,
.deep-orange .listing-list-item-footer,
.deep-orange .main-form .plus.active,
.deep-orange .main-form .plus:focus,
.deep-orange .main-form .plus:hover,
.deep-orange .main-form .top-bar .main-nav ul li.plus.title-nav,
.deep-orange .page-agences .page-agences-title,
.deep-orange .pub .pub-desc .bandeau.pub-title .icon,
.deep-orange .title.bandeau .icon,
.deep-orange .top-bar .main-nav ul .main-form li.plus.title-nav,
.deep-orange-bg-color-dark,
.details-nav .deep-orange .details-nav-item:hover,
.formulaire .input-radio-content .deep-orange label:after,
.formulaire-title .deep-orange h3,
.main-form .deep-orange .plus.active,
.main-form .deep-orange .plus:focus,
.main-form .deep-orange .plus:hover,
.main-form .top-bar .main-nav ul .deep-orange li.plus.title-nav,
.page-agences .deep-orange .page-agences-title,
.pub .pub-desc .bandeau.pub-title .deep-orange .icon,
.title.bandeau .deep-orange .icon,
.top-bar .main-nav ul .main-form .deep-orange li.plus.title-nav {
    background-color: #ee3900
}

.deep-orange .bg-color-light,
.deep-orange-bg-color-light {
    background-color: #ff7e55
}

.deep-orange.border-color-arrow,
.listing-list-item-desc-text .arrow li.deep-orange:before,
.paragraphe .arrow li.deep-orange:before,
.pub .pub-desc .pub-slogan .arrow li.deep-orange:before {
    border-color: transparent transparent transparent #ff5722
}

.deep-orange.border-color-arrow2,
.pub-x2 .deep-orange.pub-item:after,
.pub-x3 .deep-orange.pub-item:after {
    border-color: #ff5722 transparent transparent
}

.deep-orange .bg-hover:hover,
.deep-orange .bg.active,
.deep-orange .top-bar .main-nav ul li.title-nav,
.deep-orange-bg-hover:hover,
.deep-orange-bg.active,
.top-bar .main-nav ul .deep-orange li.title-nav,
.top-bar .main-nav ul li.deep-orange-bg.title-nav {
    background-color: #ff4409
}

.agences .agences-link li:last-child .deep-orange a,
.agences .owl-controls .owl-next .deep-orange .next,
.agences .owl-controls .owl-next .deep-orange .prev,
.agences .owl-controls .owl-prev .deep-orange .next,
.agences .owl-controls .owl-prev .deep-orange .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .deep-orange a,
.annonces-min-nav ul li .deep-orange a:hover,
.annonces-min-nav ul li.active .deep-orange a,
.annonces-min-title .deep-orange *,
.avis-title .deep-orange *,
.breadcrumb .deep-orange .active,
.breadcrumb .top-bar .main-nav ul .deep-orange li.title-nav,
.cs-skin-border .deep-orange .cs-options,
.deep-orange .agences .agences-link li:last-child a,
.deep-orange .agences .owl-controls .owl-next .next,
.deep-orange .agences .owl-controls .owl-next .prev,
.deep-orange .agences .owl-controls .owl-prev .next,
.deep-orange .agences .owl-controls .owl-prev .prev,
.deep-orange .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.deep-orange .annonces-min-nav ul li a:hover,
.deep-orange .annonces-min-nav ul li.active a,
.deep-orange .annonces-min-title *,
.deep-orange .avis-title *,
.deep-orange .breadcrumb .active,
.deep-orange .breadcrumb .top-bar .main-nav ul li.title-nav,
.deep-orange .cs-skin-border .cs-options,
.deep-orange .details-list li span,
.deep-orange .formulaire .select .cs-select,
.deep-orange .listing-lieu *,
.deep-orange .listing-list-item-caracteristique-info i,
.deep-orange .listing-list-item-desc-text a,
.deep-orange .listing-list-item-footer-info i,
.deep-orange .listing-resultat *,
.deep-orange .main-form .plus,
.deep-orange .map-title *,
.deep-orange .owl-controls .owl-next .next:hover,
.deep-orange .owl-controls .owl-next .prev:hover,
.deep-orange .owl-controls .owl-prev .next:hover,
.deep-orange .owl-controls .owl-prev .prev:hover,
.deep-orange .paragraphe a,
.deep-orange .pub .pub-desc .pub-button:hover a,
.deep-orange .pub .pub-desc .pub-slogan a,
.deep-orange .pub .pub-desc .pub-title *,
.deep-orange .pub-x2 .pub-item:nth-child(2) .pub-button a,
.deep-orange .pub-x2 .pub-item:nth-child(2) .pub-desc,
.deep-orange .pub-x2 .pub-item:nth-child(2) .pub-image i,
.deep-orange .pub-x3 .pub-item:nth-child(2) .pub-button a,
.deep-orange .pub-x3 .pub-item:nth-child(2) .pub-desc,
.deep-orange .pub-x3 .pub-item:nth-child(2) .pub-image i,
.deep-orange .text-color,
.deep-orange .text-hover:hover,
.deep-orange .title *,
.deep-orange .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.deep-orange .top-bar .main-nav .menu-sup i,
.deep-orange .top-bar .main-nav ul .breadcrumb li.title-nav,
.deep-orange-text-color,
.deep-orange-text-hover:hover,
.details-list li .deep-orange span,
.formulaire .select .deep-orange .cs-select,
.listing-lieu .deep-orange *,
.listing-list-item-caracteristique-info .deep-orange i,
.listing-list-item-desc-text .deep-orange a,
.listing-list-item-footer-info .deep-orange i,
.listing-resultat .deep-orange *,
.main-form .deep-orange .plus,
.map-title .deep-orange *,
.owl-controls .owl-next .deep-orange .next:hover,
.owl-controls .owl-next .deep-orange .prev:hover,
.owl-controls .owl-prev .deep-orange .next:hover,
.owl-controls .owl-prev .deep-orange .prev:hover,
.paragraphe .deep-orange a,
.pub .pub-desc .pub-button:hover .deep-orange a,
.pub .pub-desc .pub-slogan .deep-orange a,
.pub .pub-desc .pub-title .deep-orange *,
.pub-x2 .pub-item:nth-child(2) .deep-orange .pub-desc,
.pub-x2 .pub-item:nth-child(2) .pub-button .deep-orange a,
.pub-x2 .pub-item:nth-child(2) .pub-image .deep-orange i,
.pub-x3 .pub-item:nth-child(2) .deep-orange .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .deep-orange a,
.pub-x3 .pub-item:nth-child(2) .pub-image .deep-orange i,
.title .deep-orange *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .deep-orange a,
.top-bar .main-nav .menu-sup .deep-orange i,
.top-bar .main-nav ul .breadcrumb .deep-orange li.title-nav {
    color: #ff5722
}

.deep-orange .text-color-dark,
.deep-orange .text-hover:hover-dark,
.deep-orange footer.footer .newsletter button[type=submit]:hover,
.deep-orange-text-color-dark,
.deep-orange-text-hover:hover-dark,
footer.footer .newsletter .deep-orange button[type=submit]:hover {
    color: #ee3900
}

.deep-orange .text-color-light,
.deep-orange .text-hover:hover-light,
.deep-orange-text-color-light,
.deep-orange-text-hover:hover-light {
    color: #ff7e55
}

.deep-orange .border-color,
.deep-orange .border-hover:hover,
.deep-orange .details-form,
.deep-orange .details-form .details-input input,
.deep-orange .details-form .details-textarea textarea,
.deep-orange .details-list.bordered,
.deep-orange .formulaire .input input,
.deep-orange .formulaire .select .cs-select .cs-placeholder,
.deep-orange .formulaire .textarea textarea,
.deep-orange .formulaire-part,
.deep-orange .main-form .cs-select .cs-options,
.deep-orange .main-form .plus,
.deep-orange .main-form input[type=text] .cs-options,
.deep-orange .owl-controls .owl-next .next:hover,
.deep-orange .owl-controls .owl-next .prev:hover,
.deep-orange .owl-controls .owl-prev .next:hover,
.deep-orange .owl-controls .owl-prev .prev:hover,
.deep-orange .pub-lexique,
.deep-orange .pub-x2,
.deep-orange .pub-x2 .pub-item:nth-child(2) .pub-button a,
.deep-orange .pub-x3,
.deep-orange .pub-x3 .pub-item:nth-child(2) .pub-button a,
.deep-orange-border-color,
.deep-orange-border-hover:hover,
.details-form .details-input .deep-orange input,
.details-form .details-textarea .deep-orange textarea,
.formulaire .input .deep-orange input,
.formulaire .select .cs-select .deep-orange .cs-placeholder,
.formulaire .textarea .deep-orange textarea,
.main-form .cs-select .deep-orange .cs-options,
.main-form .deep-orange .plus,
.main-form input[type=text] .deep-orange .cs-options,
.owl-controls .owl-next .deep-orange .next:hover,
.owl-controls .owl-next .deep-orange .prev:hover,
.owl-controls .owl-prev .deep-orange .next:hover,
.owl-controls .owl-prev .deep-orange .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .deep-orange a,
.pub-x3 .pub-item:nth-child(2) .pub-button .deep-orange a {
    border-color: #ff5722!important
}

.deep-orange .border-color-arrow,
.deep-orange .listing-list-item-desc-text .arrow li:before,
.deep-orange .paragraphe .arrow li:before,
.deep-orange .pub .pub-desc .pub-slogan .arrow li:before,
.listing-list-item-desc-text .arrow .deep-orange li:before,
.paragraphe .arrow .deep-orange li:before,
.pub .pub-desc .pub-slogan .arrow .deep-orange li:before {
    border-color: transparent transparent transparent #ff5722
}

.deep-orange .map-svg svg .hover,
.deep-orange .map-svg svg .hover svg,
.deep-orange .map-svg svg .polygon:hover,
.deep-orange .map-svg svg .polygon:hover svg,
.deep-orange .map-svg svg polygon:hover,
.deep-orange .map-svg svg polygon:hover svg,
.deep-orange .svg-color,
.deep-orange .svg-color svg,
.deep-orange-svg-color,
.deep-orange-svg-color svg,
.map-svg svg .deep-orange .hover,
.map-svg svg .deep-orange .hover svg,
.map-svg svg .deep-orange .polygon:hover,
.map-svg svg .deep-orange .polygon:hover svg,
.map-svg svg .deep-orange polygon:hover,
.map-svg svg .deep-orange polygon:hover svg {
    fill: #ff5722
}

.brown .bandeau.annonces-min-title,
.brown .bandeau.avis-title,
.brown .bandeau.listing-lieu,
.brown .bandeau.listing-resultat,
.brown .bandeau.map-title,
.brown .bg-color,
.brown .details-caracteristique .item-carateristique .icon,
.brown .details-nav .details-nav-item,
.brown .formulaire label,
.brown .formulaire-title,
.brown .listing-list-item-desc-text .circle li:before,
.brown .listing-list-item-desc-text .nuage li:before,
.brown .main-form .cs-select .cs-options li:hover,
.brown .main-form input[type=text] .cs-options li:hover,
.brown .page-agences .page-agences-info,
.brown .paragraphe .circle li:before,
.brown .paragraphe .nuage li:before,
.brown .pub .pub-desc .bandeau.pub-title,
.brown .pub .pub-desc .pub-slogan .circle li:before,
.brown .pub .pub-desc .pub-slogan .nuage li:before,
.brown .pub-lexique .pub-title,
.brown .search-bar,
.brown .title.bandeau,
.brown .top-bar .icon-menu span,
.brown .top-bar .main-nav,
.brown div.i4ewOd-pzNkMb-haAclf,
.brown-bg-color,
.details-caracteristique .item-carateristique .brown .icon,
.details-nav .brown .details-nav-item,
.formulaire .brown label,
.listing-list-item-desc-text .circle .brown li:before,
.listing-list-item-desc-text .nuage .brown li:before,
.main-form .cs-select .cs-options .brown li:hover,
.main-form input[type=text] .cs-options .brown li:hover,
.page-agences .brown .page-agences-info,
.paragraphe .circle .brown li:before,
.paragraphe .nuage .brown li:before,
.pub .pub-desc .brown .bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .brown li:before,
.pub .pub-desc .pub-slogan .nuage .brown li:before,
.pub-lexique .brown .pub-title,
.top-bar .brown .main-nav,
.top-bar .icon-menu .brown span {
    background-color: #795548
}

.brown .bg-color.transparent,
.brown .details-caracteristique .item-carateristique .transparent.icon,
.brown .details-nav .transparent.details-nav-item,
.brown .formulaire label.transparent,
.brown .listing-list-item-desc-text .circle li.transparent:before,
.brown .listing-list-item-desc-text .nuage li.transparent:before,
.brown .main-form .cs-select .cs-options li.transparent:hover,
.brown .main-form input[type=text] .cs-options li.transparent:hover,
.brown .page-agences .transparent.page-agences-info,
.brown .paragraphe .circle li.transparent:before,
.brown .paragraphe .nuage li.transparent:before,
.brown .pub .pub-desc .pub-slogan .circle li.transparent:before,
.brown .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.brown .pub .pub-desc .transparent.bandeau.pub-title,
.brown .pub-lexique .transparent.pub-title,
.brown .top-bar .icon-menu span.transparent,
.brown .top-bar .transparent.main-nav,
.brown .transparent.bandeau.annonces-min-title,
.brown .transparent.bandeau.avis-title,
.brown .transparent.bandeau.listing-lieu,
.brown .transparent.bandeau.listing-resultat,
.brown .transparent.bandeau.map-title,
.brown .transparent.formulaire-title,
.brown .transparent.search-bar,
.brown .transparent.title.bandeau,
.brown div.transparent.i4ewOd-pzNkMb-haAclf,
.brown-bg-color.transparent,
.details-caracteristique .item-carateristique .brown .transparent.icon,
.details-nav .brown .transparent.details-nav-item,
.formulaire .brown label.transparent,
.listing-list-item-desc-text .circle .brown li.transparent:before,
.listing-list-item-desc-text .nuage .brown li.transparent:before,
.main-form .cs-select .cs-options .brown li.transparent:hover,
.main-form input[type=text] .cs-options .brown li.transparent:hover,
.page-agences .brown .transparent.page-agences-info,
.paragraphe .circle .brown li.transparent:before,
.paragraphe .nuage .brown li.transparent:before,
.pub .pub-desc .brown .transparent.bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .brown li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .brown li.transparent:before,
.pub-lexique .brown .transparent.pub-title,
.top-bar .brown .transparent.main-nav,
.top-bar .icon-menu .brown span.transparent {
    background-color: rgba(121, 85, 72, .49)
}

.bandeau.annonces-min-title .brown .icon,
.bandeau.avis-title .brown .icon,
.bandeau.listing-lieu .brown .icon,
.bandeau.listing-resultat .brown .icon,
.bandeau.map-title .brown .icon,
.brown #details_video,
.brown .bandeau.annonces-min-title .icon,
.brown .bandeau.avis-title .icon,
.brown .bandeau.listing-lieu .icon,
.brown .bandeau.listing-resultat .icon,
.brown .bandeau.map-title .icon,
.brown .bg-color-dark,
.brown .button-bandeau .button-item:hover,
.brown .details-nav .details-nav-item:hover,
.brown .formulaire .input-radio-content label:after,
.brown .formulaire-title h3,
.brown .gg-map-poi-container,
.brown .listing-list-item-footer,
.brown .main-form .plus.active,
.brown .main-form .plus:focus,
.brown .main-form .plus:hover,
.brown .main-form .top-bar .main-nav ul li.plus.title-nav,
.brown .page-agences .page-agences-title,
.brown .pub .pub-desc .bandeau.pub-title .icon,
.brown .title.bandeau .icon,
.brown .top-bar .main-nav ul .main-form li.plus.title-nav,
.brown-bg-color-dark,
.button-bandeau .brown .button-item:hover,
.details-nav .brown .details-nav-item:hover,
.formulaire .input-radio-content .brown label:after,
.formulaire-title .brown h3,
.main-form .brown .plus.active,
.main-form .brown .plus:focus,
.main-form .brown .plus:hover,
.main-form .top-bar .main-nav ul .brown li.plus.title-nav,
.page-agences .brown .page-agences-title,
.pub .pub-desc .bandeau.pub-title .brown .icon,
.title.bandeau .brown .icon,
.top-bar .main-nav ul .main-form .brown li.plus.title-nav {
    background-color: #593f35
}

.brown .bg-color-light,
.brown-bg-color-light {
    background-color: #996b5b
}

.brown.border-color-arrow,
.listing-list-item-desc-text .arrow li.brown:before,
.paragraphe .arrow li.brown:before,
.pub .pub-desc .pub-slogan .arrow li.brown:before {
    border-color: transparent transparent transparent #795548
}

.brown.border-color-arrow2,
.pub-x2 .brown.pub-item:after,
.pub-x3 .brown.pub-item:after {
    border-color: #795548 transparent transparent
}

.brown .bg-hover:hover,
.brown .bg.active,
.brown .top-bar .main-nav ul li.title-nav,
.brown-bg-hover:hover,
.brown-bg.active,
.top-bar .main-nav ul .brown li.title-nav,
.top-bar .main-nav ul li.brown-bg.title-nav {
    background-color: #694a3e
}

.agences .agences-link li:last-child .brown a,
.agences .owl-controls .owl-next .brown .next,
.agences .owl-controls .owl-next .brown .prev,
.agences .owl-controls .owl-prev .brown .next,
.agences .owl-controls .owl-prev .brown .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .brown a,
.annonces-min-nav ul li .brown a:hover,
.annonces-min-nav ul li.active .brown a,
.annonces-min-title .brown *,
.avis-title .brown *,
.breadcrumb .brown .active,
.breadcrumb .top-bar .main-nav ul .brown li.title-nav,
.brown .agences .agences-link li:last-child a,
.brown .agences .owl-controls .owl-next .next,
.brown .agences .owl-controls .owl-next .prev,
.brown .agences .owl-controls .owl-prev .next,
.brown .agences .owl-controls .owl-prev .prev,
.brown .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.brown .annonces-min-nav ul li a:hover,
.brown .annonces-min-nav ul li.active a,
.brown .annonces-min-title *,
.brown .avis-title *,
.brown .breadcrumb .active,
.brown .breadcrumb .top-bar .main-nav ul li.title-nav,
.brown .cs-skin-border .cs-options,
.brown .details-list li span,
.brown .formulaire .select .cs-select,
.brown .listing-lieu *,
.brown .listing-list-item-caracteristique-info i,
.brown .listing-list-item-desc-text a,
.brown .listing-list-item-footer-info i,
.brown .listing-resultat *,
.brown .main-form .plus,
.brown .map-title *,
.brown .owl-controls .owl-next .next:hover,
.brown .owl-controls .owl-next .prev:hover,
.brown .owl-controls .owl-prev .next:hover,
.brown .owl-controls .owl-prev .prev:hover,
.brown .paragraphe a,
.brown .pub .pub-desc .pub-button:hover a,
.brown .pub .pub-desc .pub-slogan a,
.brown .pub .pub-desc .pub-title *,
.brown .pub-x2 .pub-item:nth-child(2) .pub-button a,
.brown .pub-x2 .pub-item:nth-child(2) .pub-desc,
.brown .pub-x2 .pub-item:nth-child(2) .pub-image i,
.brown .pub-x3 .pub-item:nth-child(2) .pub-button a,
.brown .pub-x3 .pub-item:nth-child(2) .pub-desc,
.brown .pub-x3 .pub-item:nth-child(2) .pub-image i,
.brown .text-color,
.brown .text-hover:hover,
.brown .title *,
.brown .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.brown .top-bar .main-nav .menu-sup i,
.brown .top-bar .main-nav ul .breadcrumb li.title-nav,
.brown-text-color,
.brown-text-hover:hover,
.cs-skin-border .brown .cs-options,
.details-list li .brown span,
.formulaire .select .brown .cs-select,
.listing-lieu .brown *,
.listing-list-item-caracteristique-info .brown i,
.listing-list-item-desc-text .brown a,
.listing-list-item-footer-info .brown i,
.listing-resultat .brown *,
.main-form .brown .plus,
.map-title .brown *,
.owl-controls .owl-next .brown .next:hover,
.owl-controls .owl-next .brown .prev:hover,
.owl-controls .owl-prev .brown .next:hover,
.owl-controls .owl-prev .brown .prev:hover,
.paragraphe .brown a,
.pub .pub-desc .pub-button:hover .brown a,
.pub .pub-desc .pub-slogan .brown a,
.pub .pub-desc .pub-title .brown *,
.pub-x2 .pub-item:nth-child(2) .brown .pub-desc,
.pub-x2 .pub-item:nth-child(2) .pub-button .brown a,
.pub-x2 .pub-item:nth-child(2) .pub-image .brown i,
.pub-x3 .pub-item:nth-child(2) .brown .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .brown a,
.pub-x3 .pub-item:nth-child(2) .pub-image .brown i,
.title .brown *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .brown a,
.top-bar .main-nav .menu-sup .brown i,
.top-bar .main-nav ul .breadcrumb .brown li.title-nav {
    color: #795548
}

.brown .text-color-dark,
.brown .text-hover:hover-dark,
.brown footer.footer .newsletter button[type=submit]:hover,
.brown-text-color-dark,
.brown-text-hover:hover-dark,
footer.footer .newsletter .brown button[type=submit]:hover {
    color: #593f35
}

.brown .text-color-light,
.brown .text-hover:hover-light,
.brown-text-color-light,
.brown-text-hover:hover-light {
    color: #996b5b
}

.brown .border-color,
.brown .border-hover:hover,
.brown .details-form,
.brown .details-form .details-input input,
.brown .details-form .details-textarea textarea,
.brown .details-list.bordered,
.brown .formulaire .input input,
.brown .formulaire .select .cs-select .cs-placeholder,
.brown .formulaire .textarea textarea,
.brown .formulaire-part,
.brown .main-form .cs-select .cs-options,
.brown .main-form .plus,
.brown .main-form input[type=text] .cs-options,
.brown .owl-controls .owl-next .next:hover,
.brown .owl-controls .owl-next .prev:hover,
.brown .owl-controls .owl-prev .next:hover,
.brown .owl-controls .owl-prev .prev:hover,
.brown .pub-lexique,
.brown .pub-x2,
.brown .pub-x2 .pub-item:nth-child(2) .pub-button a,
.brown .pub-x3,
.brown .pub-x3 .pub-item:nth-child(2) .pub-button a,
.brown-border-color,
.brown-border-hover:hover,
.details-form .details-input .brown input,
.details-form .details-textarea .brown textarea,
.formulaire .input .brown input,
.formulaire .select .cs-select .brown .cs-placeholder,
.formulaire .textarea .brown textarea,
.main-form .brown .plus,
.main-form .cs-select .brown .cs-options,
.main-form input[type=text] .brown .cs-options,
.owl-controls .owl-next .brown .next:hover,
.owl-controls .owl-next .brown .prev:hover,
.owl-controls .owl-prev .brown .next:hover,
.owl-controls .owl-prev .brown .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .brown a,
.pub-x3 .pub-item:nth-child(2) .pub-button .brown a {
    border-color: #795548!important
}

.brown .border-color-arrow,
.brown .listing-list-item-desc-text .arrow li:before,
.brown .paragraphe .arrow li:before,
.brown .pub .pub-desc .pub-slogan .arrow li:before,
.listing-list-item-desc-text .arrow .brown li:before,
.paragraphe .arrow .brown li:before,
.pub .pub-desc .pub-slogan .arrow .brown li:before {
    border-color: transparent transparent transparent #795548
}

.brown .map-svg svg .hover,
.brown .map-svg svg .hover svg,
.brown .map-svg svg .polygon:hover,
.brown .map-svg svg .polygon:hover svg,
.brown .map-svg svg polygon:hover,
.brown .map-svg svg polygon:hover svg,
.brown .svg-color,
.brown .svg-color svg,
.brown-svg-color,
.brown-svg-color svg,
.map-svg svg .brown .hover,
.map-svg svg .brown .hover svg,
.map-svg svg .brown .polygon:hover,
.map-svg svg .brown .polygon:hover svg,
.map-svg svg .brown polygon:hover,
.map-svg svg .brown polygon:hover svg {
    fill: #795548
}

.blue-grey .bandeau.annonces-min-title,
.blue-grey .bandeau.avis-title,
.blue-grey .bandeau.listing-lieu,
.blue-grey .bandeau.listing-resultat,
.blue-grey .bandeau.map-title,
.blue-grey .bg-color,
.blue-grey .details-caracteristique .item-carateristique .icon,
.blue-grey .details-nav .details-nav-item,
.blue-grey .formulaire label,
.blue-grey .formulaire-title,
.blue-grey .listing-list-item-desc-text .circle li:before,
.blue-grey .listing-list-item-desc-text .nuage li:before,
.blue-grey .main-form .cs-select .cs-options li:hover,
.blue-grey .main-form input[type=text] .cs-options li:hover,
.blue-grey .page-agences .page-agences-info,
.blue-grey .paragraphe .circle li:before,
.blue-grey .paragraphe .nuage li:before,
.blue-grey .pub .pub-desc .bandeau.pub-title,
.blue-grey .pub .pub-desc .pub-slogan .circle li:before,
.blue-grey .pub .pub-desc .pub-slogan .nuage li:before,
.blue-grey .pub-lexique .pub-title,
.blue-grey .search-bar,
.blue-grey .title.bandeau,
.blue-grey .top-bar .icon-menu span,
.blue-grey .top-bar .main-nav,
.blue-grey div.i4ewOd-pzNkMb-haAclf,
.blue-grey-bg-color,
.details-caracteristique .item-carateristique .blue-grey .icon,
.details-nav .blue-grey .details-nav-item,
.formulaire .blue-grey label,
.listing-list-item-desc-text .circle .blue-grey li:before,
.listing-list-item-desc-text .nuage .blue-grey li:before,
.main-form .cs-select .cs-options .blue-grey li:hover,
.main-form input[type=text] .cs-options .blue-grey li:hover,
.page-agences .blue-grey .page-agences-info,
.paragraphe .circle .blue-grey li:before,
.paragraphe .nuage .blue-grey li:before,
.pub .pub-desc .blue-grey .bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .blue-grey li:before,
.pub .pub-desc .pub-slogan .nuage .blue-grey li:before,
.pub-lexique .blue-grey .pub-title,
.top-bar .blue-grey .main-nav,
.top-bar .icon-menu .blue-grey span {
    background-color: #607d8b
}

.blue-grey .bg-color.transparent,
.blue-grey .details-caracteristique .item-carateristique .transparent.icon,
.blue-grey .details-nav .transparent.details-nav-item,
.blue-grey .formulaire label.transparent,
.blue-grey .listing-list-item-desc-text .circle li.transparent:before,
.blue-grey .listing-list-item-desc-text .nuage li.transparent:before,
.blue-grey .main-form .cs-select .cs-options li.transparent:hover,
.blue-grey .main-form input[type=text] .cs-options li.transparent:hover,
.blue-grey .page-agences .transparent.page-agences-info,
.blue-grey .paragraphe .circle li.transparent:before,
.blue-grey .paragraphe .nuage li.transparent:before,
.blue-grey .pub .pub-desc .pub-slogan .circle li.transparent:before,
.blue-grey .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.blue-grey .pub .pub-desc .transparent.bandeau.pub-title,
.blue-grey .pub-lexique .transparent.pub-title,
.blue-grey .top-bar .icon-menu span.transparent,
.blue-grey .top-bar .transparent.main-nav,
.blue-grey .transparent.bandeau.annonces-min-title,
.blue-grey .transparent.bandeau.avis-title,
.blue-grey .transparent.bandeau.listing-lieu,
.blue-grey .transparent.bandeau.listing-resultat,
.blue-grey .transparent.bandeau.map-title,
.blue-grey .transparent.formulaire-title,
.blue-grey .transparent.search-bar,
.blue-grey .transparent.title.bandeau,
.blue-grey div.transparent.i4ewOd-pzNkMb-haAclf,
.blue-grey-bg-color.transparent,
.details-caracteristique .item-carateristique .blue-grey .transparent.icon,
.details-nav .blue-grey .transparent.details-nav-item,
.formulaire .blue-grey label.transparent,
.listing-list-item-desc-text .circle .blue-grey li.transparent:before,
.listing-list-item-desc-text .nuage .blue-grey li.transparent:before,
.main-form .cs-select .cs-options .blue-grey li.transparent:hover,
.main-form input[type=text] .cs-options .blue-grey li.transparent:hover,
.page-agences .blue-grey .transparent.page-agences-info,
.paragraphe .circle .blue-grey li.transparent:before,
.paragraphe .nuage .blue-grey li.transparent:before,
.pub .pub-desc .blue-grey .transparent.bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .blue-grey li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .blue-grey li.transparent:before,
.pub-lexique .blue-grey .transparent.pub-title,
.top-bar .blue-grey .transparent.main-nav,
.top-bar .icon-menu .blue-grey span.transparent {
    background-color: rgba(96, 125, 139, .49)
}

.bandeau.annonces-min-title .blue-grey .icon,
.bandeau.avis-title .blue-grey .icon,
.bandeau.listing-lieu .blue-grey .icon,
.bandeau.listing-resultat .blue-grey .icon,
.bandeau.map-title .blue-grey .icon,
.blue-grey #details_video,
.blue-grey .bandeau.annonces-min-title .icon,
.blue-grey .bandeau.avis-title .icon,
.blue-grey .bandeau.listing-lieu .icon,
.blue-grey .bandeau.listing-resultat .icon,
.blue-grey .bandeau.map-title .icon,
.blue-grey .bg-color-dark,
.blue-grey .button-bandeau .button-item:hover,
.blue-grey .details-nav .details-nav-item:hover,
.blue-grey .formulaire .input-radio-content label:after,
.blue-grey .formulaire-title h3,
.blue-grey .gg-map-poi-container,
.blue-grey .listing-list-item-footer,
.blue-grey .main-form .plus.active,
.blue-grey .main-form .plus:focus,
.blue-grey .main-form .plus:hover,
.blue-grey .main-form .top-bar .main-nav ul li.plus.title-nav,
.blue-grey .page-agences .page-agences-title,
.blue-grey .pub .pub-desc .bandeau.pub-title .icon,
.blue-grey .title.bandeau .icon,
.blue-grey .top-bar .main-nav ul .main-form li.plus.title-nav,
.blue-grey-bg-color-dark,
.button-bandeau .blue-grey .button-item:hover,
.details-nav .blue-grey .details-nav-item:hover,
.formulaire .input-radio-content .blue-grey label:after,
.formulaire-title .blue-grey h3,
.main-form .blue-grey .plus.active,
.main-form .blue-grey .plus:focus,
.main-form .blue-grey .plus:hover,
.main-form .top-bar .main-nav ul .blue-grey li.plus.title-nav,
.page-agences .blue-grey .page-agences-title,
.pub .pub-desc .bandeau.pub-title .blue-grey .icon,
.title.bandeau .blue-grey .icon,
.top-bar .main-nav ul .main-form .blue-grey li.plus.title-nav {
    background-color: #4b626d
}

.blue-grey .bg-color-light,
.blue-grey-bg-color-light {
    background-color: #7b96a3
}

.blue-grey.border-color-arrow,
.listing-list-item-desc-text .arrow li.blue-grey:before,
.paragraphe .arrow li.blue-grey:before,
.pub .pub-desc .pub-slogan .arrow li.blue-grey:before {
    border-color: transparent transparent transparent #607d8b
}

.blue-grey.border-color-arrow2,
.pub-x2 .blue-grey.pub-item:after,
.pub-x3 .blue-grey.pub-item:after {
    border-color: #607d8b transparent transparent
}

.blue-grey .bg-hover:hover,
.blue-grey .bg.active,
.blue-grey .top-bar .main-nav ul li.title-nav,
.blue-grey-bg-hover:hover,
.blue-grey-bg.active,
.top-bar .main-nav ul .blue-grey li.title-nav,
.top-bar .main-nav ul li.blue-grey-bg.title-nav {
    background-color: #566f7c
}

.agences .agences-link li:last-child .blue-grey a,
.agences .owl-controls .owl-next .blue-grey .next,
.agences .owl-controls .owl-next .blue-grey .prev,
.agences .owl-controls .owl-prev .blue-grey .next,
.agences .owl-controls .owl-prev .blue-grey .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .blue-grey a,
.annonces-min-nav ul li .blue-grey a:hover,
.annonces-min-nav ul li.active .blue-grey a,
.annonces-min-title .blue-grey *,
.avis-title .blue-grey *,
.blue-grey .agences .agences-link li:last-child a,
.blue-grey .agences .owl-controls .owl-next .next,
.blue-grey .agences .owl-controls .owl-next .prev,
.blue-grey .agences .owl-controls .owl-prev .next,
.blue-grey .agences .owl-controls .owl-prev .prev,
.blue-grey .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.blue-grey .annonces-min-nav ul li a:hover,
.blue-grey .annonces-min-nav ul li.active a,
.blue-grey .annonces-min-title *,
.blue-grey .avis-title *,
.blue-grey .breadcrumb .active,
.blue-grey .breadcrumb .top-bar .main-nav ul li.title-nav,
.blue-grey .cs-skin-border .cs-options,
.blue-grey .details-list li span,
.blue-grey .formulaire .select .cs-select,
.blue-grey .listing-lieu *,
.blue-grey .listing-list-item-caracteristique-info i,
.blue-grey .listing-list-item-desc-text a,
.blue-grey .listing-list-item-footer-info i,
.blue-grey .listing-resultat *,
.blue-grey .main-form .plus,
.blue-grey .map-title *,
.blue-grey .owl-controls .owl-next .next:hover,
.blue-grey .owl-controls .owl-next .prev:hover,
.blue-grey .owl-controls .owl-prev .next:hover,
.blue-grey .owl-controls .owl-prev .prev:hover,
.blue-grey .paragraphe a,
.blue-grey .pub .pub-desc .pub-button:hover a,
.blue-grey .pub .pub-desc .pub-slogan a,
.blue-grey .pub .pub-desc .pub-title *,
.blue-grey .pub-x2 .pub-item:nth-child(2) .pub-button a,
.blue-grey .pub-x2 .pub-item:nth-child(2) .pub-desc,
.blue-grey .pub-x2 .pub-item:nth-child(2) .pub-image i,
.blue-grey .pub-x3 .pub-item:nth-child(2) .pub-button a,
.blue-grey .pub-x3 .pub-item:nth-child(2) .pub-desc,
.blue-grey .pub-x3 .pub-item:nth-child(2) .pub-image i,
.blue-grey .text-color,
.blue-grey .text-hover:hover,
.blue-grey .title *,
.blue-grey .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.blue-grey .top-bar .main-nav .menu-sup i,
.blue-grey .top-bar .main-nav ul .breadcrumb li.title-nav,
.blue-grey-text-color,
.blue-grey-text-hover:hover,
.breadcrumb .blue-grey .active,
.breadcrumb .top-bar .main-nav ul .blue-grey li.title-nav,
.cs-skin-border .blue-grey .cs-options,
.details-list li .blue-grey span,
.formulaire .select .blue-grey .cs-select,
.listing-lieu .blue-grey *,
.listing-list-item-caracteristique-info .blue-grey i,
.listing-list-item-desc-text .blue-grey a,
.listing-list-item-footer-info .blue-grey i,
.listing-resultat .blue-grey *,
.main-form .blue-grey .plus,
.map-title .blue-grey *,
.owl-controls .owl-next .blue-grey .next:hover,
.owl-controls .owl-next .blue-grey .prev:hover,
.owl-controls .owl-prev .blue-grey .next:hover,
.owl-controls .owl-prev .blue-grey .prev:hover,
.paragraphe .blue-grey a,
.pub .pub-desc .pub-button:hover .blue-grey a,
.pub .pub-desc .pub-slogan .blue-grey a,
.pub .pub-desc .pub-title .blue-grey *,
.pub-x2 .pub-item:nth-child(2) .blue-grey .pub-desc,
.pub-x2 .pub-item:nth-child(2) .pub-button .blue-grey a,
.pub-x2 .pub-item:nth-child(2) .pub-image .blue-grey i,
.pub-x3 .pub-item:nth-child(2) .blue-grey .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .blue-grey a,
.pub-x3 .pub-item:nth-child(2) .pub-image .blue-grey i,
.title .blue-grey *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .blue-grey a,
.top-bar .main-nav .menu-sup .blue-grey i,
.top-bar .main-nav ul .breadcrumb .blue-grey li.title-nav {
    color: #607d8b
}

.blue-grey .text-color-dark,
.blue-grey .text-hover:hover-dark,
.blue-grey footer.footer .newsletter button[type=submit]:hover,
.blue-grey-text-color-dark,
.blue-grey-text-hover:hover-dark,
footer.footer .newsletter .blue-grey button[type=submit]:hover {
    color: #4b626d
}

.blue-grey .text-color-light,
.blue-grey .text-hover:hover-light,
.blue-grey-text-color-light,
.blue-grey-text-hover:hover-light {
    color: #7b96a3
}

.blue-grey .border-color,
.blue-grey .border-hover:hover,
.blue-grey .details-form,
.blue-grey .details-form .details-input input,
.blue-grey .details-form .details-textarea textarea,
.blue-grey .details-list.bordered,
.blue-grey .formulaire .input input,
.blue-grey .formulaire .select .cs-select .cs-placeholder,
.blue-grey .formulaire .textarea textarea,
.blue-grey .formulaire-part,
.blue-grey .main-form .cs-select .cs-options,
.blue-grey .main-form .plus,
.blue-grey .main-form input[type=text] .cs-options,
.blue-grey .owl-controls .owl-next .next:hover,
.blue-grey .owl-controls .owl-next .prev:hover,
.blue-grey .owl-controls .owl-prev .next:hover,
.blue-grey .owl-controls .owl-prev .prev:hover,
.blue-grey .pub-lexique,
.blue-grey .pub-x2,
.blue-grey .pub-x2 .pub-item:nth-child(2) .pub-button a,
.blue-grey .pub-x3,
.blue-grey .pub-x3 .pub-item:nth-child(2) .pub-button a,
.blue-grey-border-color,
.blue-grey-border-hover:hover,
.details-form .details-input .blue-grey input,
.details-form .details-textarea .blue-grey textarea,
.formulaire .input .blue-grey input,
.formulaire .select .cs-select .blue-grey .cs-placeholder,
.formulaire .textarea .blue-grey textarea,
.main-form .blue-grey .plus,
.main-form .cs-select .blue-grey .cs-options,
.main-form input[type=text] .blue-grey .cs-options,
.owl-controls .owl-next .blue-grey .next:hover,
.owl-controls .owl-next .blue-grey .prev:hover,
.owl-controls .owl-prev .blue-grey .next:hover,
.owl-controls .owl-prev .blue-grey .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .blue-grey a,
.pub-x3 .pub-item:nth-child(2) .pub-button .blue-grey a {
    border-color: #607d8b!important
}

.blue-grey .border-color-arrow,
.blue-grey .listing-list-item-desc-text .arrow li:before,
.blue-grey .paragraphe .arrow li:before,
.blue-grey .pub .pub-desc .pub-slogan .arrow li:before,
.listing-list-item-desc-text .arrow .blue-grey li:before,
.paragraphe .arrow .blue-grey li:before,
.pub .pub-desc .pub-slogan .arrow .blue-grey li:before {
    border-color: transparent transparent transparent #607d8b
}

.blue-grey .map-svg svg .hover,
.blue-grey .map-svg svg .hover svg,
.blue-grey .map-svg svg .polygon:hover,
.blue-grey .map-svg svg .polygon:hover svg,
.blue-grey .map-svg svg polygon:hover,
.blue-grey .map-svg svg polygon:hover svg,
.blue-grey .svg-color,
.blue-grey .svg-color svg,
.blue-grey-svg-color,
.blue-grey-svg-color svg,
.map-svg svg .blue-grey .hover,
.map-svg svg .blue-grey .hover svg,
.map-svg svg .blue-grey .polygon:hover,
.map-svg svg .blue-grey .polygon:hover svg,
.map-svg svg .blue-grey polygon:hover,
.map-svg svg .blue-grey polygon:hover svg {
    fill: #607d8b
}

.details-caracteristique .item-carateristique .white .icon,
.details-nav .white .details-nav-item,
.formulaire .white label,
.listing-list-item-desc-text .circle .white li:before,
.listing-list-item-desc-text .nuage .white li:before,
.main-form .cs-select .cs-options .white li:hover,
.main-form input[type=text] .cs-options .white li:hover,
.page-agences .white .page-agences-info,
.paragraphe .circle .white li:before,
.paragraphe .nuage .white li:before,
.pub .pub-desc .pub-slogan .circle .white li:before,
.pub .pub-desc .pub-slogan .nuage .white li:before,
.pub .pub-desc .white .bandeau.pub-title,
.pub-lexique .white .pub-title,
.top-bar .icon-menu .white span,
.top-bar .white .main-nav,
.white .bandeau.annonces-min-title,
.white .bandeau.avis-title,
.white .bandeau.listing-lieu,
.white .bandeau.listing-resultat,
.white .bandeau.map-title,
.white .bg-color,
.white .details-caracteristique .item-carateristique .icon,
.white .details-nav .details-nav-item,
.white .formulaire label,
.white .formulaire-title,
.white .listing-list-item-desc-text .circle li:before,
.white .listing-list-item-desc-text .nuage li:before,
.white .main-form .cs-select .cs-options li:hover,
.white .main-form input[type=text] .cs-options li:hover,
.white .page-agences .page-agences-info,
.white .paragraphe .circle li:before,
.white .paragraphe .nuage li:before,
.white .pub .pub-desc .bandeau.pub-title,
.white .pub .pub-desc .pub-slogan .circle li:before,
.white .pub .pub-desc .pub-slogan .nuage li:before,
.white .pub-lexique .pub-title,
.white .search-bar,
.white .title.bandeau,
.white .top-bar .icon-menu span,
.white .top-bar .main-nav,
.white div.i4ewOd-pzNkMb-haAclf,
.white-bg-color {
    background-color: #fff
}

.details-caracteristique .item-carateristique .white .transparent.icon,
.details-nav .white .transparent.details-nav-item,
.formulaire .white label.transparent,
.listing-list-item-desc-text .circle .white li.transparent:before,
.listing-list-item-desc-text .nuage .white li.transparent:before,
.main-form .cs-select .cs-options .white li.transparent:hover,
.main-form input[type=text] .cs-options .white li.transparent:hover,
.page-agences .white .transparent.page-agences-info,
.paragraphe .circle .white li.transparent:before,
.paragraphe .nuage .white li.transparent:before,
.pub .pub-desc .pub-slogan .circle .white li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .white li.transparent:before,
.pub .pub-desc .white .transparent.bandeau.pub-title,
.pub-lexique .white .transparent.pub-title,
.top-bar .icon-menu .white span.transparent,
.top-bar .white .transparent.main-nav,
.white .bg-color.transparent,
.white .details-caracteristique .item-carateristique .transparent.icon,
.white .details-nav .transparent.details-nav-item,
.white .formulaire label.transparent,
.white .listing-list-item-desc-text .circle li.transparent:before,
.white .listing-list-item-desc-text .nuage li.transparent:before,
.white .main-form .cs-select .cs-options li.transparent:hover,
.white .main-form input[type=text] .cs-options li.transparent:hover,
.white .page-agences .transparent.page-agences-info,
.white .paragraphe .circle li.transparent:before,
.white .paragraphe .nuage li.transparent:before,
.white .pub .pub-desc .pub-slogan .circle li.transparent:before,
.white .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.white .pub .pub-desc .transparent.bandeau.pub-title,
.white .pub-lexique .transparent.pub-title,
.white .top-bar .icon-menu span.transparent,
.white .top-bar .transparent.main-nav,
.white .transparent.bandeau.annonces-min-title,
.white .transparent.bandeau.avis-title,
.white .transparent.bandeau.listing-lieu,
.white .transparent.bandeau.listing-resultat,
.white .transparent.bandeau.map-title,
.white .transparent.formulaire-title,
.white .transparent.search-bar,
.white .transparent.title.bandeau,
.white div.transparent.i4ewOd-pzNkMb-haAclf,
.white-bg-color.transparent {
    background-color: rgba(255, 255, 255, .49)
}

.bandeau.annonces-min-title .white .icon,
.bandeau.avis-title .white .icon,
.bandeau.listing-lieu .white .icon,
.bandeau.listing-resultat .white .icon,
.bandeau.map-title .white .icon,
.button-bandeau .white .button-item:hover,
.details-nav .white .details-nav-item:hover,
.formulaire .input-radio-content .white label:after,
.formulaire-title .white h3,
.main-form .top-bar .main-nav ul .white li.plus.title-nav,
.main-form .white .plus.active,
.main-form .white .plus:focus,
.main-form .white .plus:hover,
.page-agences .white .page-agences-title,
.pub .pub-desc .bandeau.pub-title .white .icon,
.title.bandeau .white .icon,
.top-bar .main-nav ul .main-form .white li.plus.title-nav,
.white #details_video,
.white .bandeau.annonces-min-title .icon,
.white .bandeau.avis-title .icon,
.white .bandeau.listing-lieu .icon,
.white .bandeau.listing-resultat .icon,
.white .bandeau.map-title .icon,
.white .bg-color-dark,
.white .button-bandeau .button-item:hover,
.white .details-nav .details-nav-item:hover,
.white .formulaire .input-radio-content label:after,
.white .formulaire-title h3,
.white .gg-map-poi-container,
.white .listing-list-item-footer,
.white .main-form .plus.active,
.white .main-form .plus:focus,
.white .main-form .plus:hover,
.white .main-form .top-bar .main-nav ul li.plus.title-nav,
.white .page-agences .page-agences-title,
.white .pub .pub-desc .bandeau.pub-title .icon,
.white .title.bandeau .icon,
.white .top-bar .main-nav ul .main-form li.plus.title-nav,
.white-bg-color-dark {
    background-color: #e6e6e6
}

.white .bg-color-light,
.white-bg-color-light {
    background-color: #fff
}

.listing-list-item-desc-text .arrow li.white:before,
.paragraphe .arrow li.white:before,
.pub .pub-desc .pub-slogan .arrow li.white:before,
.white.border-color-arrow {
    border-color: transparent transparent transparent #fff
}

.pub-x2 .white.pub-item:after,
.pub-x3 .white.pub-item:after,
.white.border-color-arrow2 {
    border-color: #fff transparent transparent
}

.top-bar .main-nav ul .white li.title-nav,
.top-bar .main-nav ul li.white-bg.title-nav,
.white .bg-hover:hover,
.white .bg.active,
.white .top-bar .main-nav ul li.title-nav,
.white-bg-hover:hover,
.white-bg.active {
    background-color: #f2f2f2
}

.agences .agences-link li:last-child .white a,
.agences .owl-controls .owl-next .white .next,
.agences .owl-controls .owl-next .white .prev,
.agences .owl-controls .owl-prev .white .next,
.agences .owl-controls .owl-prev .white .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .white a,
.annonces-min-nav ul li .white a:hover,
.annonces-min-nav ul li.active .white a,
.annonces-min-title .white *,
.avis-title .white *,
.breadcrumb .top-bar .main-nav ul .white li.title-nav,
.breadcrumb .white .active,
.cs-skin-border .white .cs-options,
.details-list li .white span,
.formulaire .select .white .cs-select,
.listing-lieu .white *,
.listing-list-item-caracteristique-info .white i,
.listing-list-item-desc-text .white a,
.listing-list-item-footer-info .white i,
.listing-resultat .white *,
.main-form .white .plus,
.map-title .white *,
.owl-controls .owl-next .white .next:hover,
.owl-controls .owl-next .white .prev:hover,
.owl-controls .owl-prev .white .next:hover,
.owl-controls .owl-prev .white .prev:hover,
.paragraphe .white a,
.pub .pub-desc .pub-button:hover .white a,
.pub .pub-desc .pub-slogan .white a,
.pub .pub-desc .pub-title .white *,
.pub-x2 .pub-item:nth-child(2) .pub-button .white a,
.pub-x2 .pub-item:nth-child(2) .pub-image .white i,
.pub-x2 .pub-item:nth-child(2) .white .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .white a,
.pub-x3 .pub-item:nth-child(2) .pub-image .white i,
.pub-x3 .pub-item:nth-child(2) .white .pub-desc,
.title .white *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .white a,
.top-bar .main-nav .menu-sup .white i,
.top-bar .main-nav ul .breadcrumb .white li.title-nav,
.white .agences .agences-link li:last-child a,
.white .agences .owl-controls .owl-next .next,
.white .agences .owl-controls .owl-next .prev,
.white .agences .owl-controls .owl-prev .next,
.white .agences .owl-controls .owl-prev .prev,
.white .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.white .annonces-min-nav ul li a:hover,
.white .annonces-min-nav ul li.active a,
.white .annonces-min-title *,
.white .avis-title *,
.white .breadcrumb .active,
.white .breadcrumb .top-bar .main-nav ul li.title-nav,
.white .cs-skin-border .cs-options,
.white .details-list li span,
.white .formulaire .select .cs-select,
.white .listing-lieu *,
.white .listing-list-item-caracteristique-info i,
.white .listing-list-item-desc-text a,
.white .listing-list-item-footer-info i,
.white .listing-resultat *,
.white .main-form .plus,
.white .map-title *,
.white .owl-controls .owl-next .next:hover,
.white .owl-controls .owl-next .prev:hover,
.white .owl-controls .owl-prev .next:hover,
.white .owl-controls .owl-prev .prev:hover,
.white .paragraphe a,
.white .pub .pub-desc .pub-button:hover a,
.white .pub .pub-desc .pub-slogan a,
.white .pub .pub-desc .pub-title *,
.white .pub-x2 .pub-item:nth-child(2) .pub-button a,
.white .pub-x2 .pub-item:nth-child(2) .pub-desc,
.white .pub-x2 .pub-item:nth-child(2) .pub-image i,
.white .pub-x3 .pub-item:nth-child(2) .pub-button a,
.white .pub-x3 .pub-item:nth-child(2) .pub-desc,
.white .pub-x3 .pub-item:nth-child(2) .pub-image i,
.white .text-color,
.white .text-hover:hover,
.white .title *,
.white .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.white .top-bar .main-nav .menu-sup i,
.white .top-bar .main-nav ul .breadcrumb li.title-nav,
.white-text-color,
.white-text-hover:hover {
    color: #fff
}

.white .text-color-dark,
.white .text-hover:hover-dark,
.white footer.footer .newsletter button[type=submit]:hover,
.white-text-color-dark,
.white-text-hover:hover-dark,
footer.footer .newsletter .white button[type=submit]:hover {
    color: #e6e6e6
}

.white .text-color-light,
.white .text-hover:hover-light,
.white-text-color-light,
.white-text-hover:hover-light {
    color: #fff
}

.details-form .details-input .white input,
.details-form .details-textarea .white textarea,
.formulaire .input .white input,
.formulaire .select .cs-select .white .cs-placeholder,
.formulaire .textarea .white textarea,
.main-form .cs-select .white .cs-options,
.main-form .white .plus,
.main-form input[type=text] .white .cs-options,
.owl-controls .owl-next .white .next:hover,
.owl-controls .owl-next .white .prev:hover,
.owl-controls .owl-prev .white .next:hover,
.owl-controls .owl-prev .white .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .white a,
.pub-x3 .pub-item:nth-child(2) .pub-button .white a,
.white .border-color,
.white .border-hover:hover,
.white .details-form,
.white .details-form .details-input input,
.white .details-form .details-textarea textarea,
.white .details-list.bordered,
.white .formulaire .input input,
.white .formulaire .select .cs-select .cs-placeholder,
.white .formulaire .textarea textarea,
.white .formulaire-part,
.white .main-form .cs-select .cs-options,
.white .main-form .plus,
.white .main-form input[type=text] .cs-options,
.white .owl-controls .owl-next .next:hover,
.white .owl-controls .owl-next .prev:hover,
.white .owl-controls .owl-prev .next:hover,
.white .owl-controls .owl-prev .prev:hover,
.white .pub-lexique,
.white .pub-x2,
.white .pub-x2 .pub-item:nth-child(2) .pub-button a,
.white .pub-x3,
.white .pub-x3 .pub-item:nth-child(2) .pub-button a,
.white-border-color,
.white-border-hover:hover {
    border-color: #fff!important
}

.listing-list-item-desc-text .arrow .white li:before,
.paragraphe .arrow .white li:before,
.pub .pub-desc .pub-slogan .arrow .white li:before,
.white .border-color-arrow,
.white .listing-list-item-desc-text .arrow li:before,
.white .paragraphe .arrow li:before,
.white .pub .pub-desc .pub-slogan .arrow li:before {
    border-color: transparent transparent transparent #fff
}

.map-svg svg .white .hover,
.map-svg svg .white .hover svg,
.map-svg svg .white .polygon:hover,
.map-svg svg .white .polygon:hover svg,
.map-svg svg .white polygon:hover,
.map-svg svg .white polygon:hover svg,
.white .map-svg svg .hover,
.white .map-svg svg .hover svg,
.white .map-svg svg .polygon:hover,
.white .map-svg svg .polygon:hover svg,
.white .map-svg svg polygon:hover,
.white .map-svg svg polygon:hover svg,
.white .svg-color,
.white .svg-color svg,
.white-svg-color,
.white-svg-color svg {
    fill: #fff
}

.details-caracteristique .item-carateristique .grey .icon,
.details-nav .grey .details-nav-item,
.formulaire .grey label,
.grey .bandeau.annonces-min-title,
.grey .bandeau.avis-title,
.grey .bandeau.listing-lieu,
.grey .bandeau.listing-resultat,
.grey .bandeau.map-title,
.grey .bg-color,
.grey .details-caracteristique .item-carateristique .icon,
.grey .details-nav .details-nav-item,
.grey .formulaire label,
.grey .formulaire-title,
.grey .listing-list-item-desc-text .circle li:before,
.grey .listing-list-item-desc-text .nuage li:before,
.grey .main-form .cs-select .cs-options li:hover,
.grey .main-form input[type=text] .cs-options li:hover,
.grey .page-agences .page-agences-info,
.grey .paragraphe .circle li:before,
.grey .paragraphe .nuage li:before,
.grey .pub .pub-desc .bandeau.pub-title,
.grey .pub .pub-desc .pub-slogan .circle li:before,
.grey .pub .pub-desc .pub-slogan .nuage li:before,
.grey .pub-lexique .pub-title,
.grey .search-bar,
.grey .title.bandeau,
.grey .top-bar .icon-menu span,
.grey .top-bar .main-nav,
.grey div.i4ewOd-pzNkMb-haAclf,
.grey-bg-color,
.listing-list-item-desc-text .circle .grey li:before,
.listing-list-item-desc-text .nuage .grey li:before,
.main-form .cs-select .cs-options .grey li:hover,
.main-form input[type=text] .cs-options .grey li:hover,
.page-agences .grey .page-agences-info,
.paragraphe .circle .grey li:before,
.paragraphe .nuage .grey li:before,
.pub .pub-desc .grey .bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .grey li:before,
.pub .pub-desc .pub-slogan .nuage .grey li:before,
.pub-lexique .grey .pub-title,
.top-bar .grey .main-nav,
.top-bar .icon-menu .grey span {
    background-color: #9e9e9e
}

.details-caracteristique .item-carateristique .grey .transparent.icon,
.details-nav .grey .transparent.details-nav-item,
.formulaire .grey label.transparent,
.grey .bg-color.transparent,
.grey .details-caracteristique .item-carateristique .transparent.icon,
.grey .details-nav .transparent.details-nav-item,
.grey .formulaire label.transparent,
.grey .listing-list-item-desc-text .circle li.transparent:before,
.grey .listing-list-item-desc-text .nuage li.transparent:before,
.grey .main-form .cs-select .cs-options li.transparent:hover,
.grey .main-form input[type=text] .cs-options li.transparent:hover,
.grey .page-agences .transparent.page-agences-info,
.grey .paragraphe .circle li.transparent:before,
.grey .paragraphe .nuage li.transparent:before,
.grey .pub .pub-desc .pub-slogan .circle li.transparent:before,
.grey .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.grey .pub .pub-desc .transparent.bandeau.pub-title,
.grey .pub-lexique .transparent.pub-title,
.grey .top-bar .icon-menu span.transparent,
.grey .top-bar .transparent.main-nav,
.grey .transparent.bandeau.annonces-min-title,
.grey .transparent.bandeau.avis-title,
.grey .transparent.bandeau.listing-lieu,
.grey .transparent.bandeau.listing-resultat,
.grey .transparent.bandeau.map-title,
.grey .transparent.formulaire-title,
.grey .transparent.search-bar,
.grey .transparent.title.bandeau,
.grey div.transparent.i4ewOd-pzNkMb-haAclf,
.grey-bg-color.transparent,
.listing-list-item-desc-text .circle .grey li.transparent:before,
.listing-list-item-desc-text .nuage .grey li.transparent:before,
.main-form .cs-select .cs-options .grey li.transparent:hover,
.main-form input[type=text] .cs-options .grey li.transparent:hover,
.page-agences .grey .transparent.page-agences-info,
.paragraphe .circle .grey li.transparent:before,
.paragraphe .nuage .grey li.transparent:before,
.pub .pub-desc .grey .transparent.bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .grey li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .grey li.transparent:before,
.pub-lexique .grey .transparent.pub-title,
.top-bar .grey .transparent.main-nav,
.top-bar .icon-menu .grey span.transparent {
    background-color: rgba(158, 158, 158, .49)
}

.bandeau.annonces-min-title .grey .icon,
.bandeau.avis-title .grey .icon,
.bandeau.listing-lieu .grey .icon,
.bandeau.listing-resultat .grey .icon,
.bandeau.map-title .grey .icon,
.button-bandeau .grey .button-item:hover,
.details-nav .grey .details-nav-item:hover,
.formulaire .input-radio-content .grey label:after,
.formulaire-title .grey h3,
.grey #details_video,
.grey .bandeau.annonces-min-title .icon,
.grey .bandeau.avis-title .icon,
.grey .bandeau.listing-lieu .icon,
.grey .bandeau.listing-resultat .icon,
.grey .bandeau.map-title .icon,
.grey .bg-color-dark,
.grey .button-bandeau .button-item:hover,
.grey .details-nav .details-nav-item:hover,
.grey .formulaire .input-radio-content label:after,
.grey .formulaire-title h3,
.grey .gg-map-poi-container,
.grey .listing-list-item-footer,
.grey .main-form .plus.active,
.grey .main-form .plus:focus,
.grey .main-form .plus:hover,
.grey .main-form .top-bar .main-nav ul li.plus.title-nav,
.grey .page-agences .page-agences-title,
.grey .pub .pub-desc .bandeau.pub-title .icon,
.grey .title.bandeau .icon,
.grey .top-bar .main-nav ul .main-form li.plus.title-nav,
.grey-bg-color-dark,
.main-form .grey .plus.active,
.main-form .grey .plus:focus,
.main-form .grey .plus:hover,
.main-form .top-bar .main-nav ul .grey li.plus.title-nav,
.page-agences .grey .page-agences-title,
.pub .pub-desc .bandeau.pub-title .grey .icon,
.title.bandeau .grey .icon,
.top-bar .main-nav ul .main-form .grey li.plus.title-nav {
    background-color: #858585
}

.grey .bg-color-light,
.grey-bg-color-light {
    background-color: #b8b8b8
}

.grey.border-color-arrow,
.listing-list-item-desc-text .arrow li.grey:before,
.paragraphe .arrow li.grey:before,
.pub .pub-desc .pub-slogan .arrow li.grey:before {
    border-color: transparent transparent transparent #9e9e9e
}

.grey.border-color-arrow2,
.pub-x2 .grey.pub-item:after,
.pub-x3 .grey.pub-item:after {
    border-color: #9e9e9e transparent transparent
}

.grey .bg-hover:hover,
.grey .bg.active,
.grey .top-bar .main-nav ul li.title-nav,
.grey-bg-hover:hover,
.grey-bg.active,
.top-bar .main-nav ul .grey li.title-nav,
.top-bar .main-nav ul li.grey-bg.title-nav {
    background-color: #919191
}

.agences .agences-link li:last-child .grey a,
.agences .owl-controls .owl-next .grey .next,
.agences .owl-controls .owl-next .grey .prev,
.agences .owl-controls .owl-prev .grey .next,
.agences .owl-controls .owl-prev .grey .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .grey a,
.annonces-min-nav ul li .grey a:hover,
.annonces-min-nav ul li.active .grey a,
.annonces-min-title .grey *,
.avis-title .grey *,
.breadcrumb .grey .active,
.breadcrumb .top-bar .main-nav ul .grey li.title-nav,
.cs-skin-border .grey .cs-options,
.details-list li .grey span,
.formulaire .select .grey .cs-select,
.grey .agences .agences-link li:last-child a,
.grey .agences .owl-controls .owl-next .next,
.grey .agences .owl-controls .owl-next .prev,
.grey .agences .owl-controls .owl-prev .next,
.grey .agences .owl-controls .owl-prev .prev,
.grey .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.grey .annonces-min-nav ul li a:hover,
.grey .annonces-min-nav ul li.active a,
.grey .annonces-min-title *,
.grey .avis-title *,
.grey .breadcrumb .active,
.grey .breadcrumb .top-bar .main-nav ul li.title-nav,
.grey .cs-skin-border .cs-options,
.grey .details-list li span,
.grey .formulaire .select .cs-select,
.grey .listing-lieu *,
.grey .listing-list-item-caracteristique-info i,
.grey .listing-list-item-desc-text a,
.grey .listing-list-item-footer-info i,
.grey .listing-resultat *,
.grey .main-form .plus,
.grey .map-title *,
.grey .owl-controls .owl-next .next:hover,
.grey .owl-controls .owl-next .prev:hover,
.grey .owl-controls .owl-prev .next:hover,
.grey .owl-controls .owl-prev .prev:hover,
.grey .paragraphe a,
.grey .pub .pub-desc .pub-button:hover a,
.grey .pub .pub-desc .pub-slogan a,
.grey .pub .pub-desc .pub-title *,
.grey .pub-x2 .pub-item:nth-child(2) .pub-button a,
.grey .pub-x2 .pub-item:nth-child(2) .pub-desc,
.grey .pub-x2 .pub-item:nth-child(2) .pub-image i,
.grey .pub-x3 .pub-item:nth-child(2) .pub-button a,
.grey .pub-x3 .pub-item:nth-child(2) .pub-desc,
.grey .pub-x3 .pub-item:nth-child(2) .pub-image i,
.grey .text-color,
.grey .text-hover:hover,
.grey .title *,
.grey .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.grey .top-bar .main-nav .menu-sup i,
.grey .top-bar .main-nav ul .breadcrumb li.title-nav,
.grey-text-color,
.grey-text-hover:hover,
.listing-lieu .grey *,
.listing-list-item-caracteristique-info .grey i,
.listing-list-item-desc-text .grey a,
.listing-list-item-footer-info .grey i,
.listing-resultat .grey *,
.main-form .grey .plus,
.map-title .grey *,
.owl-controls .owl-next .grey .next:hover,
.owl-controls .owl-next .grey .prev:hover,
.owl-controls .owl-prev .grey .next:hover,
.owl-controls .owl-prev .grey .prev:hover,
.paragraphe .grey a,
.pub .pub-desc .pub-button:hover .grey a,
.pub .pub-desc .pub-slogan .grey a,
.pub .pub-desc .pub-title .grey *,
.pub-x2 .pub-item:nth-child(2) .grey .pub-desc,
.pub-x2 .pub-item:nth-child(2) .pub-button .grey a,
.pub-x2 .pub-item:nth-child(2) .pub-image .grey i,
.pub-x3 .pub-item:nth-child(2) .grey .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .grey a,
.pub-x3 .pub-item:nth-child(2) .pub-image .grey i,
.title .grey *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .grey a,
.top-bar .main-nav .menu-sup .grey i,
.top-bar .main-nav ul .breadcrumb .grey li.title-nav {
    color: #9e9e9e
}

.grey .text-color-dark,
.grey .text-hover:hover-dark,
.grey footer.footer .newsletter button[type=submit]:hover,
.grey-text-color-dark,
.grey-text-hover:hover-dark,
footer.footer .newsletter .grey button[type=submit]:hover {
    color: #858585
}

.grey .text-color-light,
.grey .text-hover:hover-light,
.grey-text-color-light,
.grey-text-hover:hover-light {
    color: #b8b8b8
}

.details-form .details-input .grey input,
.details-form .details-textarea .grey textarea,
.formulaire .input .grey input,
.formulaire .select .cs-select .grey .cs-placeholder,
.formulaire .textarea .grey textarea,
.grey .border-color,
.grey .border-hover:hover,
.grey .details-form,
.grey .details-form .details-input input,
.grey .details-form .details-textarea textarea,
.grey .details-list.bordered,
.grey .formulaire .input input,
.grey .formulaire .select .cs-select .cs-placeholder,
.grey .formulaire .textarea textarea,
.grey .formulaire-part,
.grey .main-form .cs-select .cs-options,
.grey .main-form .plus,
.grey .main-form input[type=text] .cs-options,
.grey .owl-controls .owl-next .next:hover,
.grey .owl-controls .owl-next .prev:hover,
.grey .owl-controls .owl-prev .next:hover,
.grey .owl-controls .owl-prev .prev:hover,
.grey .pub-lexique,
.grey .pub-x2,
.grey .pub-x2 .pub-item:nth-child(2) .pub-button a,
.grey .pub-x3,
.grey .pub-x3 .pub-item:nth-child(2) .pub-button a,
.grey-border-color,
.grey-border-hover:hover,
.main-form .cs-select .grey .cs-options,
.main-form .grey .plus,
.main-form input[type=text] .grey .cs-options,
.owl-controls .owl-next .grey .next:hover,
.owl-controls .owl-next .grey .prev:hover,
.owl-controls .owl-prev .grey .next:hover,
.owl-controls .owl-prev .grey .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .grey a,
.pub-x3 .pub-item:nth-child(2) .pub-button .grey a {
    border-color: #9e9e9e!important
}

.grey .border-color-arrow,
.grey .listing-list-item-desc-text .arrow li:before,
.grey .paragraphe .arrow li:before,
.grey .pub .pub-desc .pub-slogan .arrow li:before,
.listing-list-item-desc-text .arrow .grey li:before,
.paragraphe .arrow .grey li:before,
.pub .pub-desc .pub-slogan .arrow .grey li:before {
    border-color: transparent transparent transparent #9e9e9e
}

.grey .map-svg svg .hover,
.grey .map-svg svg .hover svg,
.grey .map-svg svg .polygon:hover,
.grey .map-svg svg .polygon:hover svg,
.grey .map-svg svg polygon:hover,
.grey .map-svg svg polygon:hover svg,
.grey .svg-color,
.grey .svg-color svg,
.grey-svg-color,
.grey-svg-color svg,
.map-svg svg .grey .hover,
.map-svg svg .grey .hover svg,
.map-svg svg .grey .polygon:hover,
.map-svg svg .grey .polygon:hover svg,
.map-svg svg .grey polygon:hover,
.map-svg svg .grey polygon:hover svg {
    fill: #9e9e9e
}

.black .bandeau.annonces-min-title,
.black .bandeau.avis-title,
.black .bandeau.listing-lieu,
.black .bandeau.listing-resultat,
.black .bandeau.map-title,
.black .bg-color,
.black .details-caracteristique .item-carateristique .icon,
.black .details-nav .details-nav-item,
.black .formulaire label,
.black .formulaire-title,
.black .listing-list-item-desc-text .circle li:before,
.black .listing-list-item-desc-text .nuage li:before,
.black .main-form .cs-select .cs-options li:hover,
.black .main-form input[type=text] .cs-options li:hover,
.black .page-agences .page-agences-info,
.black .paragraphe .circle li:before,
.black .paragraphe .nuage li:before,
.black .pub .pub-desc .bandeau.pub-title,
.black .pub .pub-desc .pub-slogan .circle li:before,
.black .pub .pub-desc .pub-slogan .nuage li:before,
.black .pub-lexique .pub-title,
.black .search-bar,
.black .title.bandeau,
.black .top-bar .icon-menu span,
.black .top-bar .main-nav,
.black div.i4ewOd-pzNkMb-haAclf,
.black-bg-color,
.details-caracteristique .item-carateristique .black .icon,
.details-nav .black .details-nav-item,
.formulaire .black label,
.listing-list-item-desc-text .circle .black li:before,
.listing-list-item-desc-text .nuage .black li:before,
.main-form .cs-select .cs-options .black li:hover,
.main-form input[type=text] .cs-options .black li:hover,
.page-agences .black .page-agences-info,
.paragraphe .circle .black li:before,
.paragraphe .nuage .black li:before,
.pub .pub-desc .black .bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .black li:before,
.pub .pub-desc .pub-slogan .nuage .black li:before,
.pub-lexique .black .pub-title,
.top-bar .black .main-nav,
.top-bar .icon-menu .black span {
    background-color: #000
}

.black .bg-color.transparent,
.black .details-caracteristique .item-carateristique .transparent.icon,
.black .details-nav .transparent.details-nav-item,
.black .formulaire label.transparent,
.black .listing-list-item-desc-text .circle li.transparent:before,
.black .listing-list-item-desc-text .nuage li.transparent:before,
.black .main-form .cs-select .cs-options li.transparent:hover,
.black .main-form input[type=text] .cs-options li.transparent:hover,
.black .page-agences .transparent.page-agences-info,
.black .paragraphe .circle li.transparent:before,
.black .paragraphe .nuage li.transparent:before,
.black .pub .pub-desc .pub-slogan .circle li.transparent:before,
.black .pub .pub-desc .pub-slogan .nuage li.transparent:before,
.black .pub .pub-desc .transparent.bandeau.pub-title,
.black .pub-lexique .transparent.pub-title,
.black .top-bar .icon-menu span.transparent,
.black .top-bar .transparent.main-nav,
.black .transparent.bandeau.annonces-min-title,
.black .transparent.bandeau.avis-title,
.black .transparent.bandeau.listing-lieu,
.black .transparent.bandeau.listing-resultat,
.black .transparent.bandeau.map-title,
.black .transparent.formulaire-title,
.black .transparent.search-bar,
.black .transparent.title.bandeau,
.black div.transparent.i4ewOd-pzNkMb-haAclf,
.black-bg-color.transparent,
.details-caracteristique .item-carateristique .black .transparent.icon,
.details-nav .black .transparent.details-nav-item,
.formulaire .black label.transparent,
.listing-list-item-desc-text .circle .black li.transparent:before,
.listing-list-item-desc-text .nuage .black li.transparent:before,
.main-form .cs-select .cs-options .black li.transparent:hover,
.main-form input[type=text] .cs-options .black li.transparent:hover,
.page-agences .black .transparent.page-agences-info,
.paragraphe .circle .black li.transparent:before,
.paragraphe .nuage .black li.transparent:before,
.pub .pub-desc .black .transparent.bandeau.pub-title,
.pub .pub-desc .pub-slogan .circle .black li.transparent:before,
.pub .pub-desc .pub-slogan .nuage .black li.transparent:before,
.pub-lexique .black .transparent.pub-title,
.top-bar .black .transparent.main-nav,
.top-bar .icon-menu .black span.transparent {
    background-color: rgba(0, 0, 0, .49)
}

.bandeau.annonces-min-title .black .icon,
.bandeau.avis-title .black .icon,
.bandeau.listing-lieu .black .icon,
.bandeau.listing-resultat .black .icon,
.bandeau.map-title .black .icon,
.black #details_video,
.black .bandeau.annonces-min-title .icon,
.black .bandeau.avis-title .icon,
.black .bandeau.listing-lieu .icon,
.black .bandeau.listing-resultat .icon,
.black .bandeau.map-title .icon,
.black .bg-color-dark,
.black .button-bandeau .button-item:hover,
.black .details-nav .details-nav-item:hover,
.black .formulaire .input-radio-content label:after,
.black .formulaire-title h3,
.black .gg-map-poi-container,
.black .listing-list-item-footer,
.black .main-form .plus.active,
.black .main-form .plus:focus,
.black .main-form .plus:hover,
.black .main-form .top-bar .main-nav ul li.plus.title-nav,
.black .page-agences .page-agences-title,
.black .pub .pub-desc .bandeau.pub-title .icon,
.black .title.bandeau .icon,
.black .top-bar .main-nav ul .main-form li.plus.title-nav,
.black-bg-color-dark,
.button-bandeau .black .button-item:hover,
.details-nav .black .details-nav-item:hover,
.formulaire .input-radio-content .black label:after,
.formulaire-title .black h3,
.main-form .black .plus.active,
.main-form .black .plus:focus,
.main-form .black .plus:hover,
.main-form .top-bar .main-nav ul .black li.plus.title-nav,
.page-agences .black .page-agences-title,
.pub .pub-desc .bandeau.pub-title .black .icon,
.title.bandeau .black .icon,
.top-bar .main-nav ul .main-form .black li.plus.title-nav {
    background-color: #000
}

.black .bg-color-light,
.black-bg-color-light {
    background-color: #1a1a1a
}

.black.border-color-arrow,
.listing-list-item-desc-text .arrow li.black:before,
.paragraphe .arrow li.black:before,
.pub .pub-desc .pub-slogan .arrow li.black:before {
    border-color: transparent transparent transparent #000
}

.black.border-color-arrow2,
.pub-x2 .black.pub-item:after,
.pub-x3 .black.pub-item:after {
    border-color: #000 transparent transparent
}

.black .bg-hover:hover,
.black .bg.active,
.black .top-bar .main-nav ul li.title-nav,
.black-bg-hover:hover,
.black-bg.active,
.top-bar .main-nav ul .black li.title-nav,
.top-bar .main-nav ul li.black-bg.title-nav {
    background-color: #000
}

.agences .agences-link li:last-child .black a,
.agences .owl-controls .owl-next .black .next,
.agences .owl-controls .owl-next .black .prev,
.agences .owl-controls .owl-prev .black .next,
.agences .owl-controls .owl-prev .black .prev,
.annonces-min-nav .top-bar .main-nav ul li.title-nav .black a,
.annonces-min-nav ul li .black a:hover,
.annonces-min-nav ul li.active .black a,
.annonces-min-title .black *,
.avis-title .black *,
.black .agences .agences-link li:last-child a,
.black .agences .owl-controls .owl-next .next,
.black .agences .owl-controls .owl-next .prev,
.black .agences .owl-controls .owl-prev .next,
.black .agences .owl-controls .owl-prev .prev,
.black .annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.black .annonces-min-nav ul li a:hover,
.black .annonces-min-nav ul li.active a,
.black .annonces-min-title *,
.black .avis-title *,
.black .breadcrumb .active,
.black .breadcrumb .top-bar .main-nav ul li.title-nav,
.black .cs-skin-border .cs-options,
.black .details-list li span,
.black .formulaire .select .cs-select,
.black .listing-lieu *,
.black .listing-list-item-caracteristique-info i,
.black .listing-list-item-desc-text a,
.black .listing-list-item-footer-info i,
.black .listing-resultat *,
.black .main-form .plus,
.black .map-title *,
.black .owl-controls .owl-next .next:hover,
.black .owl-controls .owl-next .prev:hover,
.black .owl-controls .owl-prev .next:hover,
.black .owl-controls .owl-prev .prev:hover,
.black .paragraphe a,
.black .pub .pub-desc .pub-button:hover a,
.black .pub .pub-desc .pub-slogan a,
.black .pub .pub-desc .pub-title *,
.black .pub-x2 .pub-item:nth-child(2) .pub-button a,
.black .pub-x2 .pub-item:nth-child(2) .pub-desc,
.black .pub-x2 .pub-item:nth-child(2) .pub-image i,
.black .pub-x3 .pub-item:nth-child(2) .pub-button a,
.black .pub-x3 .pub-item:nth-child(2) .pub-desc,
.black .pub-x3 .pub-item:nth-child(2) .pub-image i,
.black .text-color,
.black .text-color-dark,
.black .text-hover:hover,
.black .text-hover:hover-dark,
.black .title *,
.black .top-bar .main-nav .annonces-min-nav ul li.title-nav a,
.black .top-bar .main-nav .menu-sup i,
.black .top-bar .main-nav ul .breadcrumb li.title-nav,
.black footer.footer .newsletter button[type=submit]:hover,
.black-text-color,
.black-text-color-dark,
.black-text-hover:hover,
.black-text-hover:hover-dark,
.breadcrumb .black .active,
.breadcrumb .top-bar .main-nav ul .black li.title-nav,
.cs-skin-border .black .cs-options,
.details-list li .black span,
.formulaire .select .black .cs-select,
.listing-lieu .black *,
.listing-list-item-caracteristique-info .black i,
.listing-list-item-desc-text .black a,
.listing-list-item-footer-info .black i,
.listing-resultat .black *,
.main-form .black .plus,
.map-title .black *,
.owl-controls .owl-next .black .next:hover,
.owl-controls .owl-next .black .prev:hover,
.owl-controls .owl-prev .black .next:hover,
.owl-controls .owl-prev .black .prev:hover,
.paragraphe .black a,
.pub .pub-desc .pub-button:hover .black a,
.pub .pub-desc .pub-slogan .black a,
.pub .pub-desc .pub-title .black *,
.pub-x2 .pub-item:nth-child(2) .black .pub-desc,
.pub-x2 .pub-item:nth-child(2) .pub-button .black a,
.pub-x2 .pub-item:nth-child(2) .pub-image .black i,
.pub-x3 .pub-item:nth-child(2) .black .pub-desc,
.pub-x3 .pub-item:nth-child(2) .pub-button .black a,
.pub-x3 .pub-item:nth-child(2) .pub-image .black i,
.title .black *,
.top-bar .main-nav .annonces-min-nav ul li.title-nav .black a,
.top-bar .main-nav .menu-sup .black i,
.top-bar .main-nav ul .breadcrumb .black li.title-nav,
footer.footer .newsletter .black button[type=submit]:hover {
    color: #000
}

.black .text-color-light,
.black .text-hover:hover-light,
.black-text-color-light,
.black-text-hover:hover-light {
    color: #1a1a1a
}

.black .border-color,
.black .border-hover:hover,
.black .details-form,
.black .details-form .details-input input,
.black .details-form .details-textarea textarea,
.black .details-list.bordered,
.black .formulaire .input input,
.black .formulaire .select .cs-select .cs-placeholder,
.black .formulaire .textarea textarea,
.black .formulaire-part,
.black .main-form .cs-select .cs-options,
.black .main-form .plus,
.black .main-form input[type=text] .cs-options,
.black .owl-controls .owl-next .next:hover,
.black .owl-controls .owl-next .prev:hover,
.black .owl-controls .owl-prev .next:hover,
.black .owl-controls .owl-prev .prev:hover,
.black .pub-lexique,
.black .pub-x2,
.black .pub-x2 .pub-item:nth-child(2) .pub-button a,
.black .pub-x3,

.black .pub-x3 .pub-item:nth-child(2) .pub-button a,
.black-border-color,
.black-border-hover:hover,
.details-form .details-input .black input,
.details-form .details-textarea .black textarea,
.formulaire .input .black input,
.formulaire .select .cs-select .black .cs-placeholder,
.formulaire .textarea .black textarea,
.main-form .black .plus,
.main-form .cs-select .black .cs-options,
.main-form input[type=text] .black .cs-options,
.owl-controls .owl-next .black .next:hover,
.owl-controls .owl-next .black .prev:hover,
.owl-controls .owl-prev .black .next:hover,
.owl-controls .owl-prev .black .prev:hover,
.pub-x2 .pub-item:nth-child(2) .pub-button .black a,
.pub-x3 .pub-item:nth-child(2) .pub-button .black a {
    border-color: #000!important
}

.black .border-color-arrow,
.black .listing-list-item-desc-text .arrow li:before,
.black .paragraphe .arrow li:before,
.black .pub .pub-desc .pub-slogan .arrow li:before,
.listing-list-item-desc-text .arrow .black li:before,
.paragraphe .arrow .black li:before,
.pub .pub-desc .pub-slogan .arrow .black li:before {
    border-color: transparent transparent transparent #000
}

.black .map-svg svg .hover,
.black .map-svg svg .hover svg,
.black .map-svg svg .polygon:hover,
.black .map-svg svg .polygon:hover svg,
.black .map-svg svg polygon:hover,
.black .map-svg svg polygon:hover svg,
.black .svg-color,
.black .svg-color svg,
.black-svg-color,
.black-svg-color svg,
.map-svg svg .black .hover,
.map-svg svg .black .hover svg,
.map-svg svg .black .polygon:hover,
.map-svg svg .black .polygon:hover svg,
.map-svg svg .black polygon:hover,
.map-svg svg .black polygon:hover svg {
    fill: #000
}

* {
    margin: 0;
    padding: 0
}

.icon-menu {
    width: 35px;
    height: 35px;
    position: relative;
    transform: rotate(0);
    transition: .5s ease-in-out;
    cursor: pointer
}

.icon-menu span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #335ea2;
    border-radius: 5px;
    opacity: 1;
    left: 0;
    transform: rotate(0);
    transition: .25s ease-in-out
}

.icon-menu span:nth-child(1) {
    top: 0
}

.icon-menu span:nth-child(2),
.icon-menu span:nth-child(3) {
    top: 10px
}

.icon-menu span:nth-child(4) {
    top: 20px
}

.icon-menu.open span:nth-child(1),
.icon-menu.open span:nth-child(4) {
    top: 10px;
    width: 0;
    left: 50%
}

.icon-menu.open span:nth-child(2) {
    transform: rotate(45deg)
}

.icon-menu.open span:nth-child(3) {
    transform: rotate(-45deg)
}

.top-bar {
    border-bottom: 40px solid;
    background-color: #fff
}

@media only screen and (min-width:1024px) {
    .top-bar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 88888
    }
}

.top-bar .brand {
    position: absolute;
    z-index: 20
}

.top-bar .brand img {
    margin: 10px;
    display: inline-block;
    width: 50px
}
.top-bar .brand2 {
	position: absolute;
	z-index: 20;
	left: calc(100% - 165px);
}

.top-bar .brand2 img {
    margin: 10px;
    display: inline-block;
    width: 50px
}

@media only screen and (min-width:321px) {
    .top-bar .brand img {
        width: 100px
    }
    .top-bar .brand2 img {
        width: 100px
    }
}

@media only screen and (min-width:767px) {
    .top-bar .brand img {
        width: 150px
    }
    .top-bar .brand2 img {
        width: 150px
    }
}

.top-bar .main-nav {
    position: fixed;
    z-index: 999999;
    width: 290px;
    height: 100%;
    left: -290px;
    transition: left .5s
}

.top-bar .main-nav.open {
    left: 0
}

.top-bar .main-nav ul li {
    width: 100%;
    line-height: 35px;
    position: relative
}

.top-bar .main-nav ul li a {
    color: #fff;
    height: 100%;
    width: 100%;
    display: block;
    padding-left: 20px;
    font-size: 14px;
    font-weight: 300
}

.top-bar .main-nav ul li.title-nav {
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center
}

.top-bar .main-nav ul li.title-nav a {
    padding: 0
}

.top-bar .main-nav ul li .menu-drop {
    padding-left: 5px
}

@media only screen and (min-width:1024px) {
    .top-bar .main-nav ul li .menu-drop {
        position: absolute;
        z-index: 999999;
        margin: 0;
        top: 35px;
        left: 0;
        padding: 0
    }
    .top-bar .main-nav ul li .menu-drop li {
        display: block;
        width: 100%;
        border: 0;
        line-height: normal;
        padding: 5px 0
    }
}

.top-bar .main-nav ul li .menu-drop li a {
    font-size: 14px
}

.top-bar .main-nav ul li .menu-drop li:hover {
    background: rgba(0, 0, 0, .15)
}

.top-bar .main-nav ul li:hover .menu-drop {
    display: block!important
}

.top-bar .main-nav .menu-sup {
    display: inline-block;
    width: 100%;
    box-sizing: border-box
}

.top-bar .main-nav .menu-sup a,
.top-bar .main-nav .menu-sup i {
    display: inline-block
}

.top-bar .main-nav .menu-sup i {
    position: absolute;
    left: 5px;
    top: 6px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #fff;
    border-radius: 25px
}

.top-bar .main-nav .menu-sup li {
    position: relative;
    padding-left: 30px;
    width: 100%;
    box-sizing: border-box
}

.top-bar .main-nav .menu-sup li:hover i,
.top-bar .main-nav .menu-sup li:hover span {
    color: #f5b61b!important
}

@media only screen and (min-width:1024px) {
    .top-bar .main-nav {
        background-color: transparent!important;
        position: relative;
        float: left;
        box-sizing: border-box;
        width: auto;
        width: calc(100% - (320px + 10px));
        margin-left: 160px;
        left: initial;
        transition: none;
        padding: 0 0 0 20px
    }
    .top-bar .main-nav ul {
        width: 100%;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        margin: 10px 0 5px
    }
    .top-bar .main-nav ul li {
        float: left;
        box-sizing: border-box;
        width: 20%;
        padding: 0;
        text-align: center;
        border-right: 1px solid #555859
    }
    .top-bar .main-nav ul li a {
        box-sizing: border-box;
        color: #555859;
        padding: 0 5px;
        font-size: 14px
    }
    .top-bar .main-nav ul li.title-nav {
        display: none
    }
    .top-bar .main-nav ul li.active a,
    .top-bar .main-nav ul li.title-nav a,
    .top-bar .main-nav ul li:hover a {
        color: #fff
    }
    .top-bar .main-nav .menu-sup {
        z-index: 20;
        position: absolute;
        bottom: -45px;
        right: 0;
        width: auto
    }
    .top-bar .main-nav .menu-sup li {
        border: none;
        width: auto
    }
    .top-bar .main-nav .menu-sup li a {
        font-weight: 700;
        font-size: 14px
    }
    .top-bar .main-nav .menu-sup li:hover a,
    .top-bar .main-nav .menu-sup li:hover i,
    .top-bar .main-nav .menu-sup li:hover span {
        color: #f5b61b!important
    }
    .top-bar .icon-menu {
        display: none
    }
}

.annonces-min-nav ul li a,
.main-form .plus,
body,
body *,
body * * {
    transition: all .5s
}

.top-bar .main-nav .social {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #27477b
}

.top-bar .icon-menu {
    float: right;
    margin: 10px 10px 0 5px
}

.main-form {
    margin-top: 10px;
    text-align: center
}

.main-form .cs-select,
.main-form input[type=text] {
    font-weight: 300;
    background: #fff;
    border: 2px solid #335ea2;
    max-width: initial;
    width: auto;
    margin-right: 5px;
    margin-bottom: 10px;
    min-width: 185px
}

.main-form .cs-select .cs-placeholder,
.main-form input[type=text] .cs-placeholder {
    color: #555859
}

.main-form .cs-select .cs-options,
.main-form input[type=text] .cs-options {
    max-height: 128px;
    overflow-y: auto;
    z-index: 1;
    left: -2px;
    border-left: 2px solid;
    border-right: 2px solid;
    border-top: 2px solid;
    border-bottom: 2px solid
}

.main-form .cs-select .cs-options li:hover span,
.main-form input[type=text] .cs-options li:hover span {
    background: 0 0!important;
    color: #fff
}

.main-form .cs-select span,
.main-form input[type=text] span {
    border: none;
    padding: 10px 40px 10px 10px;
    font-size: 20px
}

.main-form .cs-select>span:after,
.main-form input[type=text]>span:after {
    right: 10px;
    font-size: 20px
}

.main-form input[type=text] {
    padding: 10px
}

.main-form input[type=submit] {
    padding: 10px 20px;
    background-color: #555859;
    border: 2px solid #fff;
    color: #fff;
    border-radius: none;
    cursor: pointer
}

.main-form::-webkit-input-placeholder {
    color: #555859
}

.main-form:-moz-placeholder {
    color: #555859
}

.main-form::-moz-placeholder {
    color: #555859
}

.main-form:-ms-input-placeholder {
    color: #555859
}

.main-form .plus {
    display: inline-block;
    line-height: 40px;
    text-align: center;
    height: 40px;
    width: 40px;
    background: #fff;
    border-radius: 40px;
    border: 2px solid
}

.main-form .plus.active,
.main-form .plus:focus,
.main-form .plus:hover,
.main-form .top-bar .main-nav ul li.plus.title-nav,
.top-bar .main-nav ul .main-form li.plus.title-nav {
    cursor: pointer
}

.main-form .plus.active span,
.main-form .plus:focus span,
.main-form .plus:hover span,
.main-form .top-bar .main-nav ul li.plus.title-nav span,
.top-bar .main-nav ul .main-form li.plus.title-nav span {
    color: #fff
}

@media only screen and (min-width:1024px) {
    .main-form {
        margin-top: 60px;
        text-align: left
    }
    .main-form .select {
        float: left;
        box-sizing: border-box;
        width: auto;
        padding: 0
    }
    .main-form .select .cs-select,
    .main-form .select input {
        float: left
    }
    .group-container {
        margin-top: 90px
    }
}

.main-form .form-input {
    position: relative;
    display: inline-block
}

.main-form .form-input strong {
    font-weight: 700
}

.main-form .form-input ul {
    position: absolute;
    top: 45px;
    background: #fff;
    z-index: 9999;
    width: calc(100% - 5px);
    padding: 5px;
    box-sizing: border-box;
    max-height: 250px;
    overflow: auto
}

.main-form .form-input ul li {
    font-size: 14px;
    padding: 5px 0
}

.main-form .form-input ul li:hover {
    cursor: pointer;
    background: #d9dada
}

.group-container {
    position: relative;
    z-index: 3
}

.presentation {
    position: relative;
    width: 100%;
    padding-bottom: 96px;
    border-bottom: 5px solid #335ea2;
	cursor:pointer;
}


@media only screen and (min-width:440px) {
    .presentation {
        padding-bottom: 0;
    }
}

.presentation .background {
    z-index: -1;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
    overflow: hidden;
    min-height: 458px
}

.presentation .background img {
    z-index: -1;
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: -20000px;
    right: -20000px;
    margin: 0 auto;
    bottom: 0
}

@media only screen and (min-width:767px) {
    .presentation .background img {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .presentation .background {
        min-height: 458px
    }
    .presentation .background .background {
        overflow: hidden;
        min-height: 458px
    }
    .presentation .background img {
        width: 100%;
        position: absolute;
        top: -20px;
        left: -20000px;
        right: -20000px;
        margin: 0 auto;
        bottom: 0
    }
}

.presentation .slogan {
    box-sizing: border-box;
    padding: 20px;
    margin-top: 125px;
    width: 100%;
    background-color: rgba(51, 94, 162, .49);
    color: #fff;
    font-weight: 500;
    text-align: center
}

.presentation .slogan h1 {
    font-size: 33px;
    padding-bottom: 15px
}

.presentation .slogan h2 {
    font-size: 20px
}

@media only screen and (min-width:1024px) {
    .presentation .slogan {
        margin-top: 290px;
        padding: 0px
    }
    .presentation .slogan h1 {
		font-size: 33px;
		padding-bottom: 15px;
		vertical-align: top;
		line-height: 16px;
    }
    .presentation .slogan h2 {
        font-size: 25px
    }
}

.search-bar+.container .presentation .background {
    min-height: 0
}

.qui-sommes-nous {
    background: #fff;
    padding-bottom: 30px
}

.pub .pub-desc .qui-sommes-nous .pub-title,
.qui-sommes-nous .annonces-min-title,
.qui-sommes-nous .avis-title,
.qui-sommes-nous .listing-lieu,
.qui-sommes-nous .listing-resultat,
.qui-sommes-nous .map-title,
.qui-sommes-nous .pub .pub-desc .pub-title,
.qui-sommes-nous .title {
    position: relative;
    text-align: center;
    padding-top: 70px
}

.pub .pub-desc .qui-sommes-nous .pub-title img,
.qui-sommes-nous .annonces-min-title img,
.qui-sommes-nous .avis-title img,
.qui-sommes-nous .listing-lieu img,
.qui-sommes-nous .listing-resultat img,
.qui-sommes-nous .map-title img,
.qui-sommes-nous .pub .pub-desc .pub-title img,
.qui-sommes-nous .title img {
    position: absolute;
    z-index: 1;
    top: -50px;
    width: 250px;
    left: 50%;
    margin-left: -125px
}

.qui-sommes-nous .quiImage img {
    width: 100%;
    display: block
}

.qui-sommes-nous .info-sup {
    margin: 10px 0;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 8
}

.qui-sommes-nous .info-sup .info-bulle {
    display: inline-block;
    line-height: 30px;
    height: 30px
}

.qui-sommes-nous .info-sup .info-bulle span {
    float: left;
    line-height: 30px;
    height: 30px;
    margin: 5px;
    font-weight: 700;
    color: #555859
}

.qui-sommes-nous .info-sup .info-bulle .bulle {
    height: 30px;
    width: 30px;
    border-radius: 30px
}

@media only screen and (min-width:767px) {
    .pub .pub-desc .qui-sommes-nous .pub-title,
    .qui-sommes-nous .annonces-min-title,
    .qui-sommes-nous .avis-title,
    .qui-sommes-nous .listing-lieu,
    .qui-sommes-nous .listing-resultat,
    .qui-sommes-nous .map-title,
    .qui-sommes-nous .pub .pub-desc .pub-title,
    .qui-sommes-nous .title {
        padding-top: 20px
    }
    .pub .pub-desc .qui-sommes-nous .pub-title img,
    .qui-sommes-nous .annonces-min-title img,
    .qui-sommes-nous .avis-title img,
    .qui-sommes-nous .listing-lieu img,
    .qui-sommes-nous .listing-resultat img,
    .qui-sommes-nous .map-title img,
    .qui-sommes-nous .pub .pub-desc .pub-title img,
    .qui-sommes-nous .title img {
        top: -100px
    }
    .pub .pub-desc .qui-sommes-nous .pub-slogan,
    .qui-sommes-nous .listing-list-item-desc-text,
    .qui-sommes-nous .paragraphe,
    .qui-sommes-nous .pub .pub-desc .pub-slogan {
        position: relative;
        z-index: 2
    }
    .pub .pub-desc .qui-sommes-nous .pub-slogan p,
    .qui-sommes-nous .listing-list-item-desc-text p,
    .qui-sommes-nous .paragraphe p,
    .qui-sommes-nous .pub .pub-desc .pub-slogan p {
        width: 102%
    }
}

.listing-list-item-desc-text,
.paragraphe,
.pub .pub-desc .pub-slogan {
    box-sizing: border-box;
    padding: 10px
}

.listing-list-item-desc-text strong,
.paragraphe strong,
.pub .pub-desc .pub-slogan strong {
    font-weight: 700
}

.listing-list-item-desc-text p,
.listing-list-item-desc-text ul,
.paragraphe p,
.paragraphe ul,
.pub .pub-desc .pub-slogan p,
.pub .pub-desc .pub-slogan ul {
    font-size: 14px;
    line-height: 17px;
    padding: 10px;
    color: #555859
}

.listing-list-item-desc-text img,
.paragraphe img,
.pub .pub-desc .pub-slogan img {
    width: 100%;
    max-width: 300px;
    margin: 0 auto
}

@media only screen and (min-width:1024px) {
    .listing-list-item-desc-text img,
    .paragraphe img,
    .pub .pub-desc .pub-slogan img {
        float: left;
        width: auto;
        margin: 0;
        padding: 10px
    }
    .listing-list-item-desc-text h2,
    .paragraphe h2,
    .pub .pub-desc .pub-slogan h2 {
        text-align: left
    }
}

.listing-list-item-desc-text h2,
.paragraphe h2,
.pub .pub-desc .pub-slogan h2 {
    padding: 5px 10px;
    font-size: 23px;
    color: #555859
}

.listing-list-item-desc-text h3,
.paragraphe h3,
.pub .pub-desc .pub-slogan h3 {
    padding: 5px 10px;
    font-size: 22px;
    color: #555859
}

.listing-list-item-desc-text h4,
.paragraphe h4,
.pub .pub-desc .pub-slogan h4 {
    padding: 5px 10px;
    font-size: 21px;
    color: #555859
}

.listing-list-item-desc-text h5,
.paragraphe h5,
.pub .pub-desc .pub-slogan h5 {
    padding: 5px 10px;
    font-size: 20px;
    color: #555859
}

.listing-list-item-desc-text h6,
.paragraphe h6,
.pub .pub-desc .pub-slogan h6 {
    padding: 5px 10px;
    font-size: 19px;
    color: #555859
}

.listing-list-item-desc-text a,
.paragraphe a,
.pub .pub-desc .pub-slogan a {
    display: block;
    padding: 5px 10px
}

.listing-list-item-desc-text ul,
.paragraphe ul,
.pub .pub-desc .pub-slogan ul {
    display: inline-block;
    padding-left: 15px;
    box-sizing: border-box
}

@media only screen and (min-width:1024px) {
    .listing-list-item-desc-text h3,
    .listing-list-item-desc-text h4,
    .listing-list-item-desc-text h5,
    .listing-list-item-desc-text h6,
    .paragraphe h3,
    .paragraphe h4,
    .paragraphe h5,
    .paragraphe h6,
    .pub .pub-desc .pub-slogan h3,
    .pub .pub-desc .pub-slogan h4,
    .pub .pub-desc .pub-slogan h5,
    .pub .pub-desc .pub-slogan h6 {
        text-align: left
    }
    .listing-list-item-desc-text a,
    .paragraphe a,
    .pub .pub-desc .pub-slogan a {
        text-align: right
    }
    .listing-list-item-desc-text p,
    .paragraphe p,
    .pub .pub-desc .pub-slogan p {
        text-align: left
    }
}

.listing-list-item-desc-text p a,
.paragraphe p a,
.pub .pub-desc .pub-slogan p a {
    padding: 0;
    display: inline-block
}

.listing-list-item-desc-text li,
.paragraphe li,
.pub .pub-desc .pub-slogan li {
    text-align: left;
    padding: 5px 0
}

.listing-list-item-desc-text li:before,
.paragraphe li:before,
.pub .pub-desc .pub-slogan li:before {
    content: "";
    display: inline-block;
    margin-right: 5px
}

.listing-list-item-desc-text .circle li:before,
.paragraphe .circle li:before,
.pub .pub-desc .pub-slogan .circle li:before {
    height: 10px;
    width: 10px;
    border-radius: 10px
}

.listing-list-item-desc-text .arrow li:before,
.paragraphe .arrow li:before,
.pub .pub-desc .pub-slogan .arrow li:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px
}

.listing-list-item-desc-text .nuage li,
.paragraphe .nuage li,
.pub .pub-desc .pub-slogan .nuage li {
    display: inline-block
}

.listing-list-item-desc-text .nuage li:before,
.paragraphe .nuage li:before,
.pub .pub-desc .pub-slogan .nuage li:before {
    height: 8px;
    width: 8px;
    border-radius: 8px
}

.annonces-min-title,
.avis-title,
.listing-lieu,
.listing-resultat,
.map-title,
.pub .pub-desc .pub-title,
.title {
    position: relative
}

.annonces-min-title *,
.avis-title *,
.listing-lieu *,
.listing-resultat *,
.map-title *,
.pub .pub-desc .pub-title *,
.title * {
    display: inline-block;
    font-size: 23px;
    font-weight: 700
}

.bandeau.annonces-min-title,
.bandeau.avis-title,
.bandeau.listing-lieu,
.bandeau.listing-resultat,
.bandeau.map-title,
.pub .pub-desc .bandeau.pub-title,
.title.bandeau {
    margin-top: 10px;
    line-height: 45px
}

.bandeau.annonces-min-title *,
.bandeau.avis-title *,
.bandeau.listing-lieu *,
.bandeau.listing-resultat *,
.bandeau.map-title *,
.pub .pub-desc .bandeau.pub-title *,
.title.bandeau * {
    line-height: normal;
    color: #fff;
    padding-left: 10px
}

.bandeau.annonces-min-title .icon,
.bandeau.avis-title .icon,
.bandeau.listing-lieu .icon,
.bandeau.listing-resultat .icon,
.bandeau.map-title .icon,
.pub .pub-desc .bandeau.pub-title .icon,
.title.bandeau .icon {
    height: 100%;
    line-height: 45px;
    position: absolute;
    left: 0
}

.bandeau.annonces-min-title .icon i,
.bandeau.avis-title .icon i,
.bandeau.listing-lieu .icon i,
.bandeau.listing-resultat .icon i,
.bandeau.map-title .icon i,
.pub .pub-desc .bandeau.pub-title .icon i,
.title.bandeau .icon i {
    padding: 0!important
}

.pub .pub-desc .simple.pub-title,
.simple.annonces-min-title,
.simple.avis-title,
.simple.listing-lieu,
.simple.listing-resultat,
.simple.map-title,
.title.simple {
    margin-top: 0
}

.annonces-min-title .icon,
.avis-title .icon,
.listing-lieu .icon,
.listing-resultat .icon,
.map-title .icon,
.pub .pub-desc .pub-title .icon,
.title .icon {
    padding: 0 10px
}

.annonces-min-title .icon+*,
.avis-title .icon+*,
.listing-lieu .icon+*,
.listing-resultat .icon+*,
.map-title .icon+*,
.pub .pub-desc .pub-title .icon+*,
.title .icon+* {
    padding-left: 50px
}

.min.annonces-min-title *,
.min.avis-title *,
.min.listing-lieu *,
.min.listing-resultat *,
.min.map-title *,
.pub .pub-desc .min.pub-title *,
.title.min * {
    font-size: 16px
}

.pub {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 20px;
    text-align: center;
    margin-bottom: 20px
}

@media only screen and (min-width:767px) {
    .pub {
        margin-bottom: 0
    }
}

.pub.bulle img {
    width: 95%;
    border-radius: 99999px;
    border: 4px solid #fff
}

.pub .pub-image {
    display: inline-block;
    width: 100px;
    margin-bottom: 10px
}

@media only screen and (min-width:767px) {
    .pub .pub-image {
        float: left;
        box-sizing: border-box;
        padding: 0;
        width: 150px
    }
}

.pub .pub-image i {
    width: 100%;
    height: 100%;
    font-size: 138px;
    text-align: center;
    vertical-align: middle;
    color: #fff
}

@media only screen and (min-width:1024px) {
    .pub {
        line-height: 171px
    }
    .pub .pub-desc,
    .pub .pub-image {
        height: 151px;
        line-height: 151px
    }
    .pub .pub-image img {
        display: inline-block;
        vertical-align: middle
    }
    .pub .pub-desc * {
        line-height: normal
    }
}

.pub .pub-desc {
    width: 100%
}

@media only screen and (min-width:767px) {
    .pub .pub-desc {
        text-align: left;
        float: left;
        box-sizing: border-box;
        padding: 0;
        width: calc(100% - 150px)
    }
}

.pub .pub-desc .pub-title {
    width: 100%;
    padding: 0 10px
}

.pub .pub-desc .pub-title * {
    color: #fff!important
}

.pub .pub-desc .pub-slogan p {
    box-sizing: border-box;
    color: #fff
}

.pub .pub-desc .pub-button {
    padding: 5px 10px 10px
}

.pub .pub-desc .pub-button a {
    display: block;
    padding: 10px 20px;
    color: #fff;
    border: 2px solid #fff;
    max-width: 170px
}

.pub .pub-desc .pub-button:hover a {
    background-color: #fff
}

@media only screen and (min-width:1024px) {
    .listing-list .pub {
        line-height: 151px
    }
    .listing-list .pub-desc {
        line-height: normal;
        float: none!important;
        display: inline-block;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        width: calc(100% - 150px)
    }
    .listing-list .pub-title {
        vertical-align: middle;
        display: inline-block;
        padding-left: 10px
    }
    .listing-list .pub-title * {
        line-height: normal
    }
    .listing-list .pub-title+.pub-button {
        float: none;
        vertical-align: middle;
        display: inline-block
    }
    .listing-list .pub-slogan+.pub-button {
        float: right
    }
}

.pub-x3,
.pub-x3 .pub-item,
.pub-x3 .pub-item .pub-button,
.pub-x3 .pub-item .pub-desc,
.pub-x3 .pub-item .pub-image {
    float: left;
    padding: 0;
    box-sizing: border-box
}

.pub-x3 {
    margin-top: 20px;
    width: 100%;
    border: 1px solid
}

.pub-x3 .pub-item {
    width: 100%;
    min-height: 151px;
    z-index: 3
}

.pub-x3 .pub-item .pub-image {
    text-align: center;
    height: auto;
    width: 100%
}

@media only screen and (min-width:1024px) {
    .pub-x3 .pub-item .pub-image {
        float: left;
        box-sizing: border-box;
        width: 33.33333%;
        padding: 0
    }
}

.pub-x3 .pub-item .pub-image i {
    color: #fff;
    font-size: 95px
}

.pub-x3 .pub-item .pub-image img {
    width: 95px;
    margin: 0 auto;
    display: block
}

.pub-x3 .pub-item .pub-desc {
    color: #fff;
    text-align: center;
    height: 95px;
    line-height: 95px;
    width: 100%
}

.pub-x3 .pub-item .pub-desc .pub-title {
    vertical-align: middle;
    line-height: 95px;
    display: inline-block
}

.pub-x3 .pub-item .pub-desc .pub-title * {
    vertical-align: middle;
    line-height: normal
}

@media only screen and (min-width:1024px) {
    .pub-x3 .pub-item .pub-desc {
        float: left;
        box-sizing: border-box;
        width: 66.66667%;
        padding: 0
    }
}

.pub-x3 .pub-item .pub-button {
    width: 100%;
    text-align: center
}

.pub-x3 .pub-item .pub-button a {
    width: 60%;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #fff;
    color: #fff;
    display: block
}

.pub-x3 .pub-item:nth-child(2) {
    z-index: 2;
    padding-left: 50px
}

.pub-x3 .pub-item:nth-child(2):after {
    border-color: #fff transparent transparent
}

.pub-x3 .pub-item:nth-child(3) {
    position: relative;
    padding-left: 50px;
    z-index: 1
}

.pub-x3 .pub-item:nth-child(3):after {
    display: none
}

@media only screen and (min-width:1024px) {
    .pub-x3 .pub-item {
        float: left;
        box-sizing: border-box;
        width: 33.33333%;
        padding: 0;
        position: relative
    }
    .pub-x3 .pub-item:after {
        content: "";
        top: 0;
        position: absolute;
        right: -50px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 151px 50px 0 0
    }
}

.pub-x2,
.pub-x2 .pub-item,
.pub-x2 .pub-item .pub-image {
    width: 100%;
    padding: 0;
    float: left;
    box-sizing: border-box
}

.pub-x2 {
    margin-top: 20px;
    border: 1px solid
}

.pub-x2 .pub-item {
    min-height: 151px;
    z-index: 3
}

.pub-x2 .pub-item .pub-image {
    text-align: center;
    height: auto
}

@media only screen and (min-width:1024px) {
    .pub-x2 .pub-item .pub-image {
        float: left;
        box-sizing: border-box;
        width: 33.33333%;
        padding: 0
    }
}

.pub-x2 .pub-item .pub-image i {
    color: #fff;
    font-size: 95px
}

.pub-x2 .pub-item .pub-image img {
    width: 95px;
    margin: 0 auto;
    display: block
}

.pub-x2 .pub-item .pub-desc {
    color: #fff;
    text-align: center;
    height: 95px;
    line-height: 95px;
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 0
}

.pub-x2 .pub-item .pub-desc .pub-title {
    vertical-align: middle;
    line-height: 95px;
    display: inline-block
}

.pub-x2 .pub-item .pub-desc .pub-title * {
    vertical-align: middle;
    line-height: normal
}

@media only screen and (min-width:1024px) {
    .pub-x2 .pub-item .pub-desc {
        float: left;
        box-sizing: border-box;
        width: 66.66667%;
        padding: 0
    }
}

.pub-x2 .pub-item .pub-button {
    float: left;
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    text-align: center
}

.pub-x2 .pub-item .pub-button a {
    width: 60%;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #fff;
    color: #fff;
    display: block
}

.pub-x2 .pub-item:nth-child(2) {
    z-index: 2;
    padding-left: 50px
}

.pub-x2 .pub-item:nth-child(2):after {
    display: none
}

@media only screen and (min-width:1024px) {
    .pub-x2 .pub-item {
        padding: 0;
        position: relative

    }
    .pub-x2 .pub-item:first-child {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 33.33333%
    }
    .pub-x2 .pub-item:last-child {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 66.66667%
    }
    .pub-x2 .pub-item:after {
        content: "";
        top: 0;
        position: absolute;
        right: -50px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 151px 50px 0 0
    }
}

.pub-lexique .pub-content li,
.pub-lexique .pub-title {
    padding: 5px 0;
    text-align: center
}

.pub-lexique {
    border: 1px solid
}

.pub-lexique .pub-title {
    color: #fff
}

.avis {
    box-sizing: border-box;
    width: 100%;
    padding: 20px 45px 10px
}

@media only screen and (min-width:1024px) {
    .avis {
        padding: 0 45px
    }
}

.avis-item-title {
    font-weight: 700
}

.avis-item-signature {
    text-align: right
}

.agences-image,
.agences-info,
.annonces-min-item i,
.annonces-min-nav,
.annonces-min-title {
    text-align: center
}

.avis-item .listing-list-item-desc-text,
.avis-item .paragraphe,
.avis-item .pub .pub-desc .pub-slogan,
.pub .pub-desc .avis-item .pub-slogan {
    display: block;
    padding-top: 10px
}

.avis-item .listing-list-item-desc-text .border-color,
.avis-item .listing-list-item-desc-text .details-form,
.avis-item .listing-list-item-desc-text .details-form .details-input input,
.avis-item .listing-list-item-desc-text .details-form .details-textarea textarea,
.avis-item .listing-list-item-desc-text .details-list.bordered,
.avis-item .listing-list-item-desc-text .formulaire .input input,
.avis-item .listing-list-item-desc-text .formulaire .select .cs-select .cs-placeholder,
.avis-item .listing-list-item-desc-text .formulaire .textarea textarea,
.avis-item .listing-list-item-desc-text .formulaire-part,
.avis-item .listing-list-item-desc-text .main-form .cs-select .cs-options,
.avis-item .listing-list-item-desc-text .main-form .plus,
.avis-item .listing-list-item-desc-text .main-form input[type=text] .cs-options,
.avis-item .listing-list-item-desc-text .owl-controls .owl-next .next:hover,
.avis-item .listing-list-item-desc-text .owl-controls .owl-next .prev:hover,
.avis-item .listing-list-item-desc-text .owl-controls .owl-prev .next:hover,
.avis-item .listing-list-item-desc-text .owl-controls .owl-prev .prev:hover,
.avis-item .listing-list-item-desc-text .pub-lexique,
.avis-item .listing-list-item-desc-text .pub-x2,
.avis-item .listing-list-item-desc-text .pub-x2 .pub-item:nth-child(2) .pub-button a,
.avis-item .listing-list-item-desc-text .pub-x3,
.avis-item .listing-list-item-desc-text .pub-x3 .pub-item:nth-child(2) .pub-button a,
.avis-item .paragraphe .border-color,
.avis-item .paragraphe .details-form,
.avis-item .paragraphe .details-form .details-input input,
.avis-item .paragraphe .details-form .details-textarea textarea,
.avis-item .paragraphe .details-list.bordered,
.avis-item .paragraphe .formulaire .input input,
.avis-item .paragraphe .formulaire .select .cs-select .cs-placeholder,
.avis-item .paragraphe .formulaire .textarea textarea,
.avis-item .paragraphe .formulaire-part,
.avis-item .paragraphe .main-form .cs-select .cs-options,
.avis-item .paragraphe .main-form .plus,
.avis-item .paragraphe .main-form input[type=text] .cs-options,
.avis-item .paragraphe .owl-controls .owl-next .next:hover,
.avis-item .paragraphe .owl-controls .owl-next .prev:hover,
.avis-item .paragraphe .owl-controls .owl-prev .next:hover,
.avis-item .paragraphe .owl-controls .owl-prev .prev:hover,
.avis-item .paragraphe .pub-lexique,
.avis-item .paragraphe .pub-x2,
.avis-item .paragraphe .pub-x2 .pub-item:nth-child(2) .pub-button a,
.avis-item .paragraphe .pub-x3,
.avis-item .paragraphe .pub-x3 .pub-item:nth-child(2) .pub-button a,
.avis-item .pub .pub-desc .pub-slogan .border-color,
.avis-item .pub .pub-desc .pub-slogan .details-form,
.avis-item .pub .pub-desc .pub-slogan .details-form .details-input input,
.avis-item .pub .pub-desc .pub-slogan .details-form .details-textarea textarea,
.avis-item .pub .pub-desc .pub-slogan .details-list.bordered,
.avis-item .pub .pub-desc .pub-slogan .formulaire .input input,
.avis-item .pub .pub-desc .pub-slogan .formulaire .select .cs-select .cs-placeholder,
.avis-item .pub .pub-desc .pub-slogan .formulaire .textarea textarea,
.avis-item .pub .pub-desc .pub-slogan .formulaire-part,
.avis-item .pub .pub-desc .pub-slogan .main-form .cs-select .cs-options,
.avis-item .pub .pub-desc .pub-slogan .main-form .plus,
.avis-item .pub .pub-desc .pub-slogan .main-form input[type=text] .cs-options,
.avis-item .pub .pub-desc .pub-slogan .owl-controls .owl-next .next:hover,
.avis-item .pub .pub-desc .pub-slogan .owl-controls .owl-next .prev:hover,
.avis-item .pub .pub-desc .pub-slogan .owl-controls .owl-prev .next:hover,
.avis-item .pub .pub-desc .pub-slogan .owl-controls .owl-prev .prev:hover,
.avis-item .pub .pub-desc .pub-slogan .pub-lexique,
.avis-item .pub .pub-desc .pub-slogan .pub-x2,
.avis-item .pub .pub-desc .pub-slogan .pub-x2 .pub-item:nth-child(2) .pub-button a,
.avis-item .pub .pub-desc .pub-slogan .pub-x3,
.avis-item .pub .pub-desc .pub-slogan .pub-x3 .pub-item:nth-child(2) .pub-button a,
.details-form .details-input .avis-item .listing-list-item-desc-text input,
.details-form .details-input .avis-item .paragraphe input,
.details-form .details-input .avis-item .pub .pub-desc .pub-slogan input,
.details-form .details-input .pub .pub-desc .avis-item .pub-slogan input,
.details-form .details-textarea .avis-item .listing-list-item-desc-text textarea,
.details-form .details-textarea .avis-item .paragraphe textarea,
.details-form .details-textarea .avis-item .pub .pub-desc .pub-slogan textarea,
.details-form .details-textarea .pub .pub-desc .avis-item .pub-slogan textarea,
.formulaire .input .avis-item .listing-list-item-desc-text input,
.formulaire .input .avis-item .paragraphe input,
.formulaire .input .avis-item .pub .pub-desc .pub-slogan input,
.formulaire .input .pub .pub-desc .avis-item .pub-slogan input,
.formulaire .select .cs-select .avis-item .listing-list-item-desc-text .cs-placeholder,
.formulaire .select .cs-select .avis-item .paragraphe .cs-placeholder,
.formulaire .select .cs-select .avis-item .pub .pub-desc .pub-slogan .cs-placeholder,
.formulaire .select .cs-select .pub .pub-desc .avis-item .pub-slogan .cs-placeholder,
.formulaire .textarea .avis-item .listing-list-item-desc-text textarea,
.formulaire .textarea .avis-item .paragraphe textarea,
.formulaire .textarea .avis-item .pub .pub-desc .pub-slogan textarea,
.formulaire .textarea .pub .pub-desc .avis-item .pub-slogan textarea,
.main-form .avis-item .listing-list-item-desc-text .plus,
.main-form .avis-item .paragraphe .plus,
.main-form .avis-item .pub .pub-desc .pub-slogan .plus,
.main-form .cs-select .avis-item .listing-list-item-desc-text .cs-options,
.main-form .cs-select .avis-item .paragraphe .cs-options,
.main-form .cs-select .avis-item .pub .pub-desc .pub-slogan .cs-options,
.main-form .cs-select .pub .pub-desc .avis-item .pub-slogan .cs-options,
.main-form .pub .pub-desc .avis-item .pub-slogan .plus,
.main-form input[type=text] .avis-item .listing-list-item-desc-text .cs-options,
.main-form input[type=text] .avis-item .paragraphe .cs-options,
.main-form input[type=text] .avis-item .pub .pub-desc .pub-slogan .cs-options,
.main-form input[type=text] .pub .pub-desc .avis-item .pub-slogan .cs-options,
.owl-controls .owl-next .avis-item .listing-list-item-desc-text .next:hover,
.owl-controls .owl-next .avis-item .listing-list-item-desc-text .prev:hover,
.owl-controls .owl-next .avis-item .paragraphe .next:hover,
.owl-controls .owl-next .avis-item .paragraphe .prev:hover,
.owl-controls .owl-next .avis-item .pub .pub-desc .pub-slogan .next:hover,
.owl-controls .owl-next .avis-item .pub .pub-desc .pub-slogan .prev:hover,
.owl-controls .owl-next .pub .pub-desc .avis-item .pub-slogan .next:hover,
.owl-controls .owl-next .pub .pub-desc .avis-item .pub-slogan .prev:hover,
.owl-controls .owl-prev .avis-item .listing-list-item-desc-text .next:hover,
.owl-controls .owl-prev .avis-item .listing-list-item-desc-text .prev:hover,
.owl-controls .owl-prev .avis-item .paragraphe .next:hover,
.owl-controls .owl-prev .avis-item .paragraphe .prev:hover,
.owl-controls .owl-prev .avis-item .pub .pub-desc .pub-slogan .next:hover,
.owl-controls .owl-prev .avis-item .pub .pub-desc .pub-slogan .prev:hover,
.owl-controls .owl-prev .pub .pub-desc .avis-item .pub-slogan .next:hover,
.owl-controls .owl-prev .pub .pub-desc .avis-item .pub-slogan .prev:hover,
.pub .pub-desc .avis-item .pub-slogan .border-color,
.pub .pub-desc .avis-item .pub-slogan .details-form,
.pub .pub-desc .avis-item .pub-slogan .details-form .details-input input,
.pub .pub-desc .avis-item .pub-slogan .details-form .details-textarea textarea,
.pub .pub-desc .avis-item .pub-slogan .details-list.bordered,
.pub .pub-desc .avis-item .pub-slogan .formulaire .input input,
.pub .pub-desc .avis-item .pub-slogan .formulaire .select .cs-select .cs-placeholder,
.pub .pub-desc .avis-item .pub-slogan .formulaire .textarea textarea,
.pub .pub-desc .avis-item .pub-slogan .formulaire-part,
.pub .pub-desc .avis-item .pub-slogan .main-form .cs-select .cs-options,
.pub .pub-desc .avis-item .pub-slogan .main-form .plus,
.pub .pub-desc .avis-item .pub-slogan .main-form input[type=text] .cs-options,
.pub .pub-desc .avis-item .pub-slogan .owl-controls .owl-next .next:hover,
.pub .pub-desc .avis-item .pub-slogan .owl-controls .owl-next .prev:hover,
.pub .pub-desc .avis-item .pub-slogan .owl-controls .owl-prev .next:hover,
.pub .pub-desc .avis-item .pub-slogan .owl-controls .owl-prev .prev:hover,
.pub .pub-desc .avis-item .pub-slogan .pub-lexique,
.pub .pub-desc .avis-item .pub-slogan .pub-x2,
.pub .pub-desc .avis-item .pub-slogan .pub-x2 .pub-item:nth-child(2) .pub-button a,
.pub .pub-desc .avis-item .pub-slogan .pub-x3,
.pub .pub-desc .avis-item .pub-slogan .pub-x3 .pub-item:nth-child(2) .pub-button a,
.pub-x2 .pub-item:nth-child(2) .pub-button .avis-item .listing-list-item-desc-text a,
.pub-x2 .pub-item:nth-child(2) .pub-button .avis-item .paragraphe a,
.pub-x2 .pub-item:nth-child(2) .pub-button .avis-item .pub .pub-desc .pub-slogan a,
.pub-x2 .pub-item:nth-child(2) .pub-button .pub .pub-desc .avis-item .pub-slogan a,
.pub-x3 .pub-item:nth-child(2) .pub-button .avis-item .listing-list-item-desc-text a,
.pub-x3 .pub-item:nth-child(2) .pub-button .avis-item .paragraphe a,
.pub-x3 .pub-item:nth-child(2) .pub-button .avis-item .pub .pub-desc .pub-slogan a,
.pub-x3 .pub-item:nth-child(2) .pub-button .pub .pub-desc .avis-item .pub-slogan a {
    border-left: 2px solid;
    padding-top: 0
}

.avis-item .listing-list-item-desc-text .border-color:last-child,
.avis-item .listing-list-item-desc-text .details-form .details-input input:last-child,
.avis-item .listing-list-item-desc-text .details-form .details-textarea textarea:last-child,
.avis-item .listing-list-item-desc-text .details-form:last-child,
.avis-item .listing-list-item-desc-text .details-list.bordered:last-child,
.avis-item .listing-list-item-desc-text .formulaire .input input:last-child,
.avis-item .listing-list-item-desc-text .formulaire .select .cs-select .cs-placeholder:last-child,
.avis-item .listing-list-item-desc-text .formulaire .textarea textarea:last-child,
.avis-item .listing-list-item-desc-text .formulaire-part:last-child,
.avis-item .listing-list-item-desc-text .main-form .cs-select .cs-options:last-child,
.avis-item .listing-list-item-desc-text .main-form .plus:last-child,
.avis-item .listing-list-item-desc-text .main-form input[type=text] .cs-options:last-child,
.avis-item .listing-list-item-desc-text .owl-controls .owl-next .next:last-child:hover,
.avis-item .listing-list-item-desc-text .owl-controls .owl-next .prev:last-child:hover,
.avis-item .listing-list-item-desc-text .owl-controls .owl-prev .next:last-child:hover,
.avis-item .listing-list-item-desc-text .owl-controls .owl-prev .prev:last-child:hover,
.avis-item .listing-list-item-desc-text .pub-lexique:last-child,
.avis-item .listing-list-item-desc-text .pub-x2 .pub-item:nth-child(2) .pub-button a:last-child,
.avis-item .listing-list-item-desc-text .pub-x2:last-child,
.avis-item .listing-list-item-desc-text .pub-x3 .pub-item:nth-child(2) .pub-button a:last-child,
.avis-item .listing-list-item-desc-text .pub-x3:last-child,
.avis-item .paragraphe .border-color:last-child,
.avis-item .paragraphe .details-form .details-input input:last-child,
.avis-item .paragraphe .details-form .details-textarea textarea:last-child,
.avis-item .paragraphe .details-form:last-child,
.avis-item .paragraphe .details-list.bordered:last-child,
.avis-item .paragraphe .formulaire .input input:last-child,
.avis-item .paragraphe .formulaire .select .cs-select .cs-placeholder:last-child,
.avis-item .paragraphe .formulaire .textarea textarea:last-child,
.avis-item .paragraphe .formulaire-part:last-child,
.avis-item .paragraphe .main-form .cs-select .cs-options:last-child,
.avis-item .paragraphe .main-form .plus:last-child,
.avis-item .paragraphe .main-form input[type=text] .cs-options:last-child,
.avis-item .paragraphe .owl-controls .owl-next .next:last-child:hover,
.avis-item .paragraphe .owl-controls .owl-next .prev:last-child:hover,
.avis-item .paragraphe .owl-controls .owl-prev .next:last-child:hover,
.avis-item .paragraphe .owl-controls .owl-prev .prev:last-child:hover,
.avis-item .paragraphe .pub-lexique:last-child,
.avis-item .paragraphe .pub-x2 .pub-item:nth-child(2) .pub-button a:last-child,
.avis-item .paragraphe .pub-x2:last-child,
.avis-item .paragraphe .pub-x3 .pub-item:nth-child(2) .pub-button a:last-child,
.avis-item .paragraphe .pub-x3:last-child,
.avis-item .pub .pub-desc .pub-slogan .border-color:last-child,
.avis-item .pub .pub-desc .pub-slogan .details-form .details-input input:last-child,
.avis-item .pub .pub-desc .pub-slogan .details-form .details-textarea textarea:last-child,
.avis-item .pub .pub-desc .pub-slogan .details-form:last-child,
.avis-item .pub .pub-desc .pub-slogan .details-list.bordered:last-child,
.avis-item .pub .pub-desc .pub-slogan .formulaire .input input:last-child,
.avis-item .pub .pub-desc .pub-slogan .formulaire .select .cs-select .cs-placeholder:last-child,
.avis-item .pub .pub-desc .pub-slogan .formulaire .textarea textarea:last-child,
.avis-item .pub .pub-desc .pub-slogan .formulaire-part:last-child,
.avis-item .pub .pub-desc .pub-slogan .main-form .cs-select .cs-options:last-child,
.avis-item .pub .pub-desc .pub-slogan .main-form .plus:last-child,
.avis-item .pub .pub-desc .pub-slogan .main-form input[type=text] .cs-options:last-child,
.avis-item .pub .pub-desc .pub-slogan .owl-controls .owl-next .next:last-child:hover,
.avis-item .pub .pub-desc .pub-slogan .owl-controls .owl-next .prev:last-child:hover,
.avis-item .pub .pub-desc .pub-slogan .owl-controls .owl-prev .next:last-child:hover,
.avis-item .pub .pub-desc .pub-slogan .owl-controls .owl-prev .prev:last-child:hover,
.avis-item .pub .pub-desc .pub-slogan .pub-lexique:last-child,
.avis-item .pub .pub-desc .pub-slogan .pub-x2 .pub-item:nth-child(2) .pub-button a:last-child,
.avis-item .pub .pub-desc .pub-slogan .pub-x2:last-child,
.avis-item .pub .pub-desc .pub-slogan .pub-x3 .pub-item:nth-child(2) .pub-button a:last-child,
.avis-item .pub .pub-desc .pub-slogan .pub-x3:last-child,
.details-form .details-input .avis-item .listing-list-item-desc-text input:last-child,
.details-form .details-input .avis-item .paragraphe input:last-child,
.details-form .details-input .avis-item .pub .pub-desc .pub-slogan input:last-child,
.details-form .details-input .pub .pub-desc .avis-item .pub-slogan input:last-child,
.details-form .details-textarea .avis-item .listing-list-item-desc-text textarea:last-child,
.details-form .details-textarea .avis-item .paragraphe textarea:last-child,
.details-form .details-textarea .avis-item .pub .pub-desc .pub-slogan textarea:last-child,
.details-form .details-textarea .pub .pub-desc .avis-item .pub-slogan textarea:last-child,
.formulaire .input .avis-item .listing-list-item-desc-text input:last-child,
.formulaire .input .avis-item .paragraphe input:last-child,
.formulaire .input .avis-item .pub .pub-desc .pub-slogan input:last-child,
.formulaire .input .pub .pub-desc .avis-item .pub-slogan input:last-child,
.formulaire .select .cs-select .avis-item .listing-list-item-desc-text .cs-placeholder:last-child,
.formulaire .select .cs-select .avis-item .paragraphe .cs-placeholder:last-child,
.formulaire .select .cs-select .avis-item .pub .pub-desc .pub-slogan .cs-placeholder:last-child,
.formulaire .select .cs-select .pub .pub-desc .avis-item .pub-slogan .cs-placeholder:last-child,
.formulaire .textarea .avis-item .listing-list-item-desc-text textarea:last-child,
.formulaire .textarea .avis-item .paragraphe textarea:last-child,
.formulaire .textarea .avis-item .pub .pub-desc .pub-slogan textarea:last-child,
.formulaire .textarea .pub .pub-desc .avis-item .pub-slogan textarea:last-child,
.main-form .avis-item .listing-list-item-desc-text .plus:last-child,
.main-form .avis-item .paragraphe .plus:last-child,
.main-form .avis-item .pub .pub-desc .pub-slogan .plus:last-child,
.main-form .cs-select .avis-item .listing-list-item-desc-text .cs-options:last-child,
.main-form .cs-select .avis-item .paragraphe .cs-options:last-child,
.main-form .cs-select .avis-item .pub .pub-desc .pub-slogan .cs-options:last-child,
.main-form .cs-select .pub .pub-desc .avis-item .pub-slogan .cs-options:last-child,
.main-form .pub .pub-desc .avis-item .pub-slogan .plus:last-child,
.main-form input[type=text] .avis-item .listing-list-item-desc-text .cs-options:last-child,
.main-form input[type=text] .avis-item .paragraphe .cs-options:last-child,
.main-form input[type=text] .avis-item .pub .pub-desc .pub-slogan .cs-options:last-child,
.main-form input[type=text] .pub .pub-desc .avis-item .pub-slogan .cs-options:last-child,
.owl-controls .owl-next .avis-item .listing-list-item-desc-text .next:last-child:hover,
.owl-controls .owl-next .avis-item .listing-list-item-desc-text .prev:last-child:hover,
.owl-controls .owl-next .avis-item .paragraphe .next:last-child:hover,
.owl-controls .owl-next .avis-item .paragraphe .prev:last-child:hover,
.owl-controls .owl-next .avis-item .pub .pub-desc .pub-slogan .next:last-child:hover,
.owl-controls .owl-next .avis-item .pub .pub-desc .pub-slogan .prev:last-child:hover,
.owl-controls .owl-next .pub .pub-desc .avis-item .pub-slogan .next:last-child:hover,
.owl-controls .owl-next .pub .pub-desc .avis-item .pub-slogan .prev:last-child:hover,
.owl-controls .owl-prev .avis-item .listing-list-item-desc-text .next:last-child:hover,
.owl-controls .owl-prev .avis-item .listing-list-item-desc-text .prev:last-child:hover,
.owl-controls .owl-prev .avis-item .paragraphe .next:last-child:hover,
.owl-controls .owl-prev .avis-item .paragraphe .prev:last-child:hover,
.owl-controls .owl-prev .avis-item .pub .pub-desc .pub-slogan .next:last-child:hover,
.owl-controls .owl-prev .avis-item .pub .pub-desc .pub-slogan .prev:last-child:hover,
.owl-controls .owl-prev .pub .pub-desc .avis-item .pub-slogan .next:last-child:hover,
.owl-controls .owl-prev .pub .pub-desc .avis-item .pub-slogan .prev:last-child:hover,
.pub .pub-desc .avis-item .pub-slogan .border-color:last-child,
.pub .pub-desc .avis-item .pub-slogan .details-form .details-input input:last-child,
.pub .pub-desc .avis-item .pub-slogan .details-form .details-textarea textarea:last-child,
.pub .pub-desc .avis-item .pub-slogan .details-form:last-child,
.pub .pub-desc .avis-item .pub-slogan .details-list.bordered:last-child,
.pub .pub-desc .avis-item .pub-slogan .formulaire .input input:last-child,
.pub .pub-desc .avis-item .pub-slogan .formulaire .select .cs-select .cs-placeholder:last-child,
.pub .pub-desc .avis-item .pub-slogan .formulaire .textarea textarea:last-child,
.pub .pub-desc .avis-item .pub-slogan .formulaire-part:last-child,
.pub .pub-desc .avis-item .pub-slogan .main-form .cs-select .cs-options:last-child,
.pub .pub-desc .avis-item .pub-slogan .main-form .plus:last-child,
.pub .pub-desc .avis-item .pub-slogan .main-form input[type=text] .cs-options:last-child,
.pub .pub-desc .avis-item .pub-slogan .owl-controls .owl-next .next:last-child:hover,
.pub .pub-desc .avis-item .pub-slogan .owl-controls .owl-next .prev:last-child:hover,
.pub .pub-desc .avis-item .pub-slogan .owl-controls .owl-prev .next:last-child:hover,
.pub .pub-desc .avis-item .pub-slogan .owl-controls .owl-prev .prev:last-child:hover,
.pub .pub-desc .avis-item .pub-slogan .pub-lexique:last-child,
.pub .pub-desc .avis-item .pub-slogan .pub-x2 .pub-item:nth-child(2) .pub-button a:last-child,
.pub .pub-desc .avis-item .pub-slogan .pub-x2:last-child,
.pub .pub-desc .avis-item .pub-slogan .pub-x3 .pub-item:nth-child(2) .pub-button a:last-child,
.pub .pub-desc .avis-item .pub-slogan .pub-x3:last-child,
.pub-x2 .pub-item:nth-child(2) .pub-button .avis-item .listing-list-item-desc-text a:last-child,
.pub-x2 .pub-item:nth-child(2) .pub-button .avis-item .paragraphe a:last-child,
.pub-x2 .pub-item:nth-child(2) .pub-button .avis-item .pub .pub-desc .pub-slogan a:last-child,
.pub-x2 .pub-item:nth-child(2) .pub-button .pub .pub-desc .avis-item .pub-slogan a:last-child,
.pub-x3 .pub-item:nth-child(2) .pub-button .avis-item .listing-list-item-desc-text a:last-child,
.pub-x3 .pub-item:nth-child(2) .pub-button .avis-item .paragraphe a:last-child,
.pub-x3 .pub-item:nth-child(2) .pub-button .avis-item .pub .pub-desc .pub-slogan a:last-child,
.pub-x3 .pub-item:nth-child(2) .pub-button .pub .pub-desc .avis-item .pub-slogan a:last-child {
    padding-bottom: 0;
    margin-bottom: 10px
}

.annonces-min {
    box-sizing: border-box;
    padding: 25px 10px
}

.annonces-min .annonces-min-item-image {
    overflow-y: hidden;
    max-height: 200px
}

@media only screen and (min-width:870px) {
    .annonces-min {
        padding: 25px 10px
    }
}

.annonces-min-nav ul {
    display: inline-block;
    width: auto;
    margin: 20px 0
}

.annonces-min-nav ul li {
    display: inline-block;
    padding: 15px 5px;
    box-sizing: border-box
}

.annonces-min-nav ul li a {
    border: 1px solid;
    padding: 5px 10px;
    color: #fff
}

.annonces-min-nav .top-bar .main-nav ul li.title-nav a,
.annonces-min-nav ul li a:hover,
.annonces-min-nav ul li.active a,
.top-bar .main-nav .annonces-min-nav ul li.title-nav a {
    background: #fff
}

.annonces-min-item {
    position: relative;
    margin: 5px;
    float: left;
    box-sizing: border-box;
    width: auto;
    width: calc(100% - 10px);
    padding: 0
}

@media only screen and (min-width:870px) {
    .annonces-min-item {
        width: calc(((1/2) * 100%) - 10px)
    }
}

@media only screen and (min-width:1024px) {
    .annonces-min-item {
        width: calc(((1/3) * 100%) - 10px)
    }
}

.annonces-min-item-title {
    color: #fff;
    box-sizing: border-box;
    padding: 10px 0 10px 10px
}

.annonces-min-item-image {
    overflow: hidden
}

.annonces-min-item-image img {
    margin-left: -5%;
    width: 110%;
    display: block;
    overflow: hidden;
    max-height: 250px;
    min-height: 250px;
    transition: all .5s
}

.annonces-min-item:hover .annonces-min-item-image img {
    width: 100%;
    margin-left: 0;
    max-height: 200px;
    min-height: 200px
}

.annonces-min-item-infos {
    position: absolute;
    z-index: 3;
    background-color: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 0 5px 5px;
    box-sizing: border-box
}

.annonces-min-item-info {
    height: 30px;
    line-height: 30px;
    display: inline-block;
    width: 100%
}

.annonces-min-item-info.group {
    min-width: 50px;
    max-width: 30%;
    white-space: nowrap
}

.annonces-min-item-info span {
    color: #fff;
    margin-left: 5px;
    font-size: 14px;
    white-space: nowrap
}

.annonces-min-item-info .text {
    display: block;
    line-height: 25px;
    box-sizing: border-box;
    padding-left: 10px
}


.annonces-min-item-info .text span {
    display: inline-block;
    float: left;
    padding: 0
}

.annonces-min-item-info .text span:last-child {
    margin: 0
}

.annonces-min-item i {
    display: block;
    float: left;
    box-sizing: border-box;
    padding: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    color: #555859;
    background: #fff;
    border-radius: 25px
}

.annonces-min-item-content {
    position: relative
}

.annonces-min-item-favorite {
    text-align: center;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1
}

.annonces-min-item-prix {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 4
}

.annonces-min-item-prix span {
    display: block;
    color: #fff;
    box-sizing: border-box;
    padding: 10px
}

.annonces-min .owl-controls {
    display: none!important
}

@media only screen and (min-width:1024px) {
    .annonces-min .owl-controls {
        display: block!important
    }
}

.map {
    margin-bottom: 20px
}

@media only screen and (min-width:767px) {
    .map {
        margin-bottom: 0
    }
}

.map-title {
    padding: 10px 0 10px 10px
}

.map-title h3 {
    color: #fff!important
}

.agences .agences-link li:first-child a,
.agences-info .agences-adress *,
.agences-info .agences-title * {
    color: #555859
}

.map-svg {
    width: 100%;
    height: 290px;
    line-height: 290px
}

.map-svg svg {
    display: inline-block;
    width: 100%;
    vertical-align: middle
}

.map-svg svg .hover,
.map-svg svg .polygon:hover,
.map-svg svg polygon:hover {
    stroke: transparent
}

.agences-item {
    float: left;
    width: 100%;
    margin-top: 5px;
    box-sizing: border-box
}

.agences-image {
    width: 100%;
    padding: 5px;
    box-sizing: border-box
}

.agences-image img {
    width: 77px
}

.agences-info {
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 5px!important
}

.agences-info .agences-title h5 {
    font-weight: 700
}

.agences-info .agences-adress p {
    padding: 5px 0;
    text-align: center!important
}

.agences-info .agences-adress,
.agences-info .agences-title {
    width: 100%;
    box-sizing: border-box
}

.agences .agences-link {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 5px
}

.agences .agences-link li {
    display: inline-block
}

.agences .agences-link li a {
    font-size: 14px
}

.agences .agences-link li:first-child:after {
    content: '-';
    font-size: 14px;
    padding: 0 10px
}

.agences .owl-controls .owl-next,
.agences .owl-controls .owl-prev {
    top: -35px
}

.agences .owl-controls .owl-next .next,
.agences .owl-controls .owl-next .prev,
.agences .owl-controls .owl-prev .next,
.agences .owl-controls .owl-prev .prev {
    background: #fff
}

.agences .owl-controls .owl-prev {
    left: initial;
    right: 42px
}

.agences .owl-controls .owl-next {
    right: 5px
}

.page-agences .page-agences-item {
    float: left;
    padding: 5px;
    box-sizing: border-box;
    width: calc(100% - 10px);
    margin: 5px;
    text-align: center;
    min-height: 290px
}

@media only screen and (min-width:767px) {
    .page-agences .page-agences-item {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: calc(50% - 10px);
        margin: 5px
    }
}

@media only screen and (min-width:1024px) {
    .page-agences .page-agences-item {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: calc(33.33333% - 10px);
        margin: 5px
    }
}

.page-agences .page-agences-image {
    min-height: 150px;
    max-height: 150px;
    line-height: 150px
}

.page-agences .page-agences-info {
    color: #fff;
    margin-top: 10px
}

.page-agences .page-agences-title {
    box-sizing: border-box;
    padding: 5px 0
}

.page-agences .page-agences-adress p {
    color: #fff!important
}

.page-agences .page-agences-adress p .num {
    color: #fff;
    font-weight: 700
}

footer.footer {
    padding-top: 20px;
    box-sizing: border-box;
    text-align: center
}

footer.footer .brand {
    display: inline-block;
    width: 150px;
    padding: 0;
    text-align: center;
    margin-bottom: 10px
}

footer.footer .brand img {
    display: inline-block;
    width: 85%
}

footer.footer .footer-nav {
    display: inline-block;
    width: auto;
    box-sizing: border-box;
    line-height: 177px
}

footer.footer .footer-nav .elm {
    vertical-align: middle;
    display: inline-block
}

footer.footer .col {
    display: inline-block;
    padding: 10px;
    line-height: normal
}

@media only screen and (min-width:767px) {
    footer.footer .col {
        display: inline-block
    }
}

footer.footer .col ul {
    padding: 10px 0
}

footer.footer ul.col {
    float: left;
    padding: 5px;
    box-sizing: border-box;
    width: auto
}

footer.footer ul.col.next {
    padding-top: 30px
}

footer.footer .right {
    float: right;
    margin-right: 20px
}

footer.footer .nav-title {
    color: #fff;
    font-weight: 700;
    padding-bottom: 7px;
    display: inline-block
}

footer.footer .nav-item {
    color: #fff;
    padding: 4px;
    font-size: 14px;
    display: inline-block
}

footer.footer #msg_newsletter {
    width: calc(100% - (276px + 292px));
    display: inline-block;
    text-align: right;
    padding-right: 10px;
    box-sizing: border-box;
    line-height: 45px
}

footer.footer #msg_newsletter.error {
    color: #F44336
}

footer.footer #msg_newsletter.error+.newsletter #newsletter_value {
    border: 1px solid #F44336
}

footer.footer #msg_newsletter.valide {
    color: #fff
}

footer.footer #msg_newsletter.valide+.newsletter #newsletter_value {
    border: 1px solid #4CAF50
}

footer.footer .newsletter {
    display: inline-block;
    height: 45px;
    line-height: 45px
}

@media only screen and (min-width:1024px) {
    footer.footer .newsletter {
        float: right;
        margin-right: 20px
    }
}

footer.footer .newsletter input[type=email] {
    width: 200px;
    padding: 0 10px;
    border-radius: 35px;
    height: 35px;
    text-align: right;
    float: left;
    margin-top: 5px
}

footer.footer .newsletter button[type=submit] {
    display: inline-block;
    float: left;
    background-size: 35px;
    height: 35px;
    line-height: 35px;
    margin-top: 5px;
    background-color: transparent;
    padding: 0 10px;
    font-size: 25px;
    color: #fff
}

footer.footer .copyright {
    padding: 10px 0;
    color: #fff;
    text-align: center
}

footer.footer .copyright * {
    font-size: 14px;
    display: inline-block
}

@media only screen and (min-width:1024px) {
    footer.footer {
        text-align: left
    }
    footer.footer .brand {
        float: left;
        box-sizing: border-box;
        width: auto;
        width: 150px;
        padding: 0
    }
    footer.footer .footer-nav {
        display: block;
        text-align: left;
        float: left;
        box-sizing: border-box;
        padding: 0 0 0 30px;
        width: calc(100% - 150px)
    }
}

.breadcrumb li,
.breadcrumb li:before {
    display: inline-block;
    color: #555859
}

.lien-annonces {
    margin: 10px 0
}

.lien-annonces .col {
    -moz-column-count: 4;
    column-count: 4;
    box-sizing: border-box;
    padding: 10px;
    -moz-column-rule: 1px outset;
    column-rule: 1px outset
}

.lien-annonces .nav-item {
    padding: 2px 0;
    font-size: 12px;
    color: #555859
}

.lien-annonces .nav-title {
    padding: 5px 0;
    font-weight: 700;
    font-size: 20px
}

.lien-annonces .nav-title a {
    color: #fff
}

.search-bar {
    position: relative;
    box-sizing: border-box;
    padding-bottom: 10px
}

.search-bar .main-form {
    margin-left: 50px;
    width: calc(100% - (50px + 10px))
}

@media only screen and (min-width:321px) {
    .search-bar .main-form {
        margin-left: 100px;
        width: calc(100% - (100px + 10px))
    }
}

@media only screen and (min-width:767px) {
    .search-bar .main-form {
        margin-left: 160px;
        width: calc(100% - (150px + 10px))
    }
}

.search-bar .main-form input[type=text] {
    width: 145px;
    min-width: 0
}

@media only screen and (min-width:1024px) {
    .search-bar {
        position: fixed;
        z-index: 8887;
        left: 0;
        right: 0;
        top: 50px
    }
    .search-bar .main-form {
        padding-left: 40px
    }
    .search-bar+.container {
        margin-top: 175px
    }
}

.search-bar+.container .presentation {
    position: relative;
    padding: 0
}

.search-bar+.container .presentation .background {
    position: initial;
    padding-bottom: 0
}

.search-bar+.container .presentation .background img {
    position: initial;
    min-width: 0;
    min-height: 0;
    width: 100%
}

.search-bar+.container .presentation .content.small {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
    height: 100%;
    text-align: center
}

@media only screen and (min-width:767px) {
    .search-bar+.container .presentation .content.small {
        margin-left:0;
    }
}

.search-bar+.container .presentation .content.small .slogan {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
    margin-top: calc(100% * 2.92571)
}

.breadcrumb {
    line-height: 35px;
    padding-left: 5px;
    box-sizing: border-box
}

.breadcrumb li:before {
    content: ">";
    padding: 0 2px;
    font-weight: 400
}

.breadcrumb li:first-child:before {
    display: none
}

.breadcrumb .active,
.breadcrumb .top-bar .main-nav ul li.title-nav,
.top-bar .main-nav ul .breadcrumb li.title-nav {
    font-weight: 700
}

.listing-header {
    padding: 0 0 10px
}

.listing-resultats {
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    text-align: center
}

@media only screen and (min-width:767px) {
    .listing-resultats {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: auto
    }
}

@media only screen and (min-width:1024px) {
    .search-bar+.container .presentation .content.small {
        margin-left: 0;
    }
    .listing-resultats {
        text-align: left
    }
}

.listing-list-item-caracteristique,
.listing-list-item-image,
.listing-order {
    text-align: center;
    box-sizing: border-box
}

.listing-lieu,
.listing-resultat {
    float: left;
    padding: 5px;
    box-sizing: border-box;
    width: 100%
}

@media only screen and (min-width:767px) {
    .listing-lieu,
    .listing-resultat {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: auto;
        line-height: 35px
    }
}

.listing-order {
    float: left;
    padding: 5px;
    width: 100%
}

@media only screen and (min-width:767px) {
    .listing-order {
        padding: 5px;
        box-sizing: border-box;
        width: auto;
        float: right;
        margin-right: 5px
    }
}

.listing-order .cs-select {
    height: 35px;
    min-width: 175px;
    font-size: 14px;
    font-weight: 300;
    border: 2px solid;
    line-height: 35px;
    max-width: 180px;
    margin: 0 auto
}

.listing-order .cs-select .cs-placeholder {
    padding: 0 35px 0 5px;
    border: none
}

.listing-order .cs-select .cs-options {
    line-height: 25px;
    font-size: 14px
}

.listing-order .label-select {
    float: left;
    line-height: 39px;
    color: #555859;
    padding-right: 10px
}

.listing-order .select-container {
    float: left
}

.listing-list {
    padding: 10px
}

.listing-list-item {
    margin: 60px 0;
    box-sizing: border-box;
    display: block;
    border-bottom: 1px;
    border-top: 0;
    border-left: 1px;
    border-right: 1px;
    border-style: solid;
    border-color: #d9dada
}

.listing-list-item:first-child {
    margin-top: 20px
}

.listing-list-item:last-child {
    margin-bottom: 20px
}

.listing-list-item-title {
    font-size: 23px;
    font-weight: 700;
    color: #fff;
    line-height: 26px
}

.listing-list-item-image {
    float: left;
    padding: 5px;
    width: 100%;
    position: relative
}

.listing-list-item-image .photo {
    max-width: 100%;
    height: 200px;
    display: inline-block
}

.listing-list-item-image .mandataire {
    position: absolute;
    border-radius: 50px;
    right: 0;
    top: 0;
    height: 60px;
    width: 60px
}

@media only screen and (min-width:767px) {
    .listing-list-item-image {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 33.33333%
    }
}

.listing-list-item-prix,
.listing-list-item-subTitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    float: left;
    padding: 5px;
    box-sizing: border-box;
    width: 100%
}

@media only screen and (min-width:767px) {
    .listing-list-item-prix,
    .listing-list-item-subTitle {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: auto
    }
    .listing-list-item-subTitle {
        max-width: calc(100% - 465px)
    }
}

.listing-list-item-prix {
    float: right;
    font-weight: 700;
    font-size: 23px
}

.listing-list-item-desc {
    float: left;
    padding: 5px;
    box-sizing: border-box;
    width: 100%
}

@media only screen and (min-width:767px) {
    .listing-list-item-desc {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 66.66667%
    }
}

.listing-list-item-desc-text p {
    padding: 0
}

.listing-list-item-desc-ref {
    padding-top: 5px;
    color: #555859;
    font-weight: 700
}

.listing-list-item-caracteristique {
    float: left;
    padding: 5px;
    width: 100%
}

.listing-list-item-caracteristique-info {
    float: left;
    padding: 5px;
    box-sizing: border-box;
    width: 50%;
    text-align: left;
    line-height: 30px
}

.listing-list-item-caracteristique-info:last-child {
    float: left;
    padding: 5px;
    box-sizing: border-box;
    width: 100%
}

@media only screen and (min-width:767px) {
    .listing-list-item-caracteristique-info,
    .listing-list-item-caracteristique-info:last-child {
        float: none;
        width: auto;
        display: inline-block
    }
}

.listing-list-item-caracteristique-info a,
.listing-list-item-caracteristique-info i,
.listing-list-item-caracteristique-info span {
    vertical-align: middle;
    display: inline-block;
    line-height: 30px
}

.listing-list-item-caracteristique-info i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    border-radius: 30px;
    box-sizing: border-box
}

.listing-list-item-caracteristique-info a,
.listing-list-item-caracteristique-info span {
    color: #fff
}

.listing-list-item-caracteristique-info a {
    box-sizing: border-box
}

.listing-list-item-footer {
    float: right;
    padding: 0 5px
}

.listing-list-item-footer-info {
    display: inline-block;
    line-height: 33px;
    cursor: pointer
}

.listing-list-item-footer-info i {
    font-size: 16px;
    background: #fff;
    border-radius: 9999px;
    box-sizing: border-box;
    padding: 5px
}

.listing-list-item-footer-info span {
    color: #fff;
    font-size: 16px
}

.listing-pagination {
    height: 45px;
    line-height: 45px;
    text-align: center
}

.listing-pagination ul {
    display: inline-block
}

.listing-pagination ul li {
    color: #fff;
    font-size: 16px;
    padding: 0 2px;
    display: block;
    float: left;
    box-sizing: border-box
}

.listing-pagination ul li a {
    display: block;
    height: 100%;
    min-width: 25px;
    padding: 0 5px;
    box-sizing: border-box
}

.listing-pagination ul li:first-child:hover,
.listing-pagination ul li:last-child:hover {
    text-decoration: none
}

.listing-pagination .top-bar .main-nav ul li.title-nav a,
.listing-pagination ul li.active a,
.listing-pagination ul li:hover a,
.top-bar .main-nav .listing-pagination ul li.title-nav a {
    text-decoration: none;
    background: rgba(0, 0, 0, .25)
}

.listing-pagination:last-child {
    margin-bottom: 10px
}

.formulaire {
    position: relative;
    z-index: 3;
    overflow: hidden
}

.formulaire input {
    border-radius: 0!important
}

.formulaire-content {
    position: relative;
    z-index: 3;
    width: 95%;
    margin: 10px auto;
    background: rgba(255, 255, 255, .7);
    box-sizing: border-box;
    padding: 5px;
    text-align: center
}

.formulaire .text {
    font-size: 14px;
    font-weight: 400
}

.details-list-title,
.details-ref {
    font-weight: 700
}

.formulaire-title {
    min-height: 35px;
    box-sizing: border-box;
    text-align: left;
    margin-bottom: 5px
}

.formulaire-title h3 {
    min-height: 35px;
    float: left;
    box-sizing: border-box;
    width: auto;
    color: #fff;
    line-height: 35px;
    padding: 0 20px 0 10px;
    position: relative
}

.formulaire #message,
.formulaire label {
    padding: 10px;
    color: #fff
}

.formulaire-title h3:after {
    position: absolute;
    content: '';
    right: -7px;
    height: 14px;
    width: 14px;
    top: 10px;
    background: #fff;
    border-radius: 14px
}

.formulaire-part {
    border: 1px solid;
    margin: 10px 0;
    box-sizing: border-box
}

.formulaire #message {
    box-sizing: border-box;
    text-align: center
}

.formulaire #message.error {
    background: #F44336
}

.formulaire #message.valid {
    background: #4CAF50
}

.formulaire .input {
    float: left;
    box-sizing: border-box;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 0;
    padding: 0 10px
}

.formulaire .input input {
    -ms-flex: 1;
    flex: 1;
    border: 1px solid;
    padding: 0 5px
}

.formulaire .input .after {
    line-height: 36px;
    padding-left: 5px;
    color: #555859
}

.formulaire .input-group .input {
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px
}

@media only screen and (min-width:767px) {
    .formulaire .input-group .input {
        float: left;
        box-sizing: border-box;
        width: 50%;
        padding: 0 10px
    }
}

.formulaire .select+.input {
    margin: 0
}

.formulaire .select {
    display: -ms-flexbox;
    display: flex;
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 0
}

@media only screen and (min-width:767px) {
    .formulaire .select {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 50%
    }
    .formulaire .select:nth-child(odd) {
        padding-left: 0;
        padding-right: 5px
    }
    .formulaire .select:nth-child(even) {
        padding-left: 5px;
        padding-right: 0
    }
}

.formulaire .select-content {
    -ms-flex: 1;
    flex: 1
}

.formulaire .select .cs-select {
    font-size: 16px
}

.formulaire .select .cs-select .cs-placeholder {
    padding: 10px 0 10px 5px;
    border: 1px solid
}

.formulaire .textarea {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.formulaire .textarea label {
    -ms-flex: 1;
    flex: 1
}

.formulaire .textarea textarea {
    -ms-flex: 1;
    flex: 1;
    padding: 5px;
    border: 1px solid
}

.formulaire .input-radio {
    display: -ms-flexbox;
    display: flex;
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 0
}

@media only screen and (min-width:767px) {
    .formulaire .input-radio {
        float: left;
        box-sizing: border-box;
        width: 50%;
        padding: 5px 0
    }
}

@media only screen and (min-width:1024px) {
    .formulaire .input-radio {
        float: left;
        box-sizing: border-box;
        width: 33.33333%;
        padding: 5px 0
    }
}

.formulaire .input-radio-content {
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    padding-left: 10px
}

.formulaire .input-radio-content label {
    background-color: transparent!important;
    color: #555859;
    position: relative;
    padding-left: 35px;
    line-height: 36px
}

.formulaire .input-radio-content label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    height: 20px;
    width: 20px;
    border-radius: 20px;
    display: inline-block
}

.formulaire .input-radio-content input {
    display: none
}

.formulaire .input-radio-content input:checked+label:after {
    content: "\2022";
    color: #fff;
    font-size: 40px;
    text-align: center;
    line-height: 20px
}

.formulaire .input-radio.large {
    display: block;
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 0
}

@media only screen and (min-width:767px) {
    .formulaire .input-radio.large {
        float: left;
        box-sizing: border-box;
        width: 100%;
        padding: 5px 0
    }
}

@media only screen and (min-width:1024px) {
    .formulaire .input-radio.large {
        display: -ms-flexbox;
        display: flex;
        float: left;
        box-sizing: border-box;
        width: 100%;
        padding: 5px 0
    }
}

.formulaire .input-radio.large>label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    margin-right: 10px
}

.formulaire .input-radio.large .input-radio-content {
    text-align: left
}

.center,
.formulaire .input-submit {
    text-align: center
}

.formulaire .input-radio.large .input-radio-content label {
    display: inline-block;
    line-height: 36px
}

.formulaire .input-submit input {
    background: #555859;
    color: #fff;
    padding: 10px;
    margin: 10px 10px 0;
    cursor: pointer
}

.formulaire .content-bordered {
    border-bottom: 1px solid #d9dada;
    margin: 0 10px;
    padding: 10px 0;
    box-sizing: border-box;
    width: calc(100% - 20px)
}

.formulaire .content-bordered:last-child {
    border-bottom: none
}

.formulaire .content-bordered:first-child {
    padding: 0 0 10px
}

.formulaire .content-bordered .input {
    padding: 0
}

.formulaire .content-bordered .input-group .input {
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 0
}

@media only screen and (min-width:767px) {
    .formulaire .content-bordered .input-group .input {
        float: left;
        box-sizing: border-box;
        width: 50%;
        padding: 5px 0
    }
    .formulaire .content-bordered .input-group .input:nth-child(odd) {
        padding-left: 0;
        padding-right: 10px
    }
    .formulaire .content-bordered .input-group .input:nth-child(even) {
        padding-right: 0;
        padding-left: 10px
    }
}

.formulaire .content-bordered .input-radio.large .input-radio-content,
.formulaire .content-bordered .input-radio.large label {
    margin: 0
}

.formulaire .input-radio+.input {
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 0;
    margin: 0
}

@media only screen and (min-width:767px) {
    .formulaire .input-radio+.input {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 66.66667%
    }
}

.formulaire .input-radio+.select {
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 0
}

@media only screen and (min-width:767px) {
    .formulaire .input-radio+.select {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 33.33333%
    }
}

@media only screen and (min-width:1024px) {
    .formulaire .input-radio+.select {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 33.33333%
    }
}

.formulaire .input-radio+.select+.select {
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 5px 0
}

.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-7,
.col-8,
.col-9 {
    padding: 5px;
    box-sizing: border-box;
    float: left
}

@media only screen and (min-width:1024px) {
    .formulaire .input-radio+.select+.select {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 33.33333%
    }
}

@media only screen and (min-width:767px) {
    .formulaire .input-radio+.select+.select {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 33.33333%
    }
}

body {
    margin: 0;
    font-family: Roboto, Sans-Serif;
    overflow-x: hidden
}

iframe {
    width: 100%
}

.col-1 {
    width: 8.33333%
}

.col-offset-1 {
    margin-left: 8.33333%
}

.col-2 {
    width: 16.66667%
}

.col-offset-2 {
    margin-left: 16.66667%
}

.col-3 {
    width: 25%
}

.col-offset-3 {
    margin-left: 25%
}

.col-4 {
    width: 33.33333%
}

.col-offset-4 {
    margin-left: 33.33333%
}

.col-5 {
    width: 41.66667%
}

.col-offset-5 {
    margin-left: 41.66667%
}

.col-6 {
    float: left;
    padding: 5px;
    box-sizing: border-box;
    width: 50%
}

.col-offset-6 {
    margin-left: 50%
}

.col-7 {
    width: 58.33333%
}

.col-offset-7 {
    margin-left: 58.33333%
}

.col-8 {
    width: 66.66667%
}

.col-offset-8 {
    margin-left: 66.66667%
}

.col-9 {
    width: 75%
}

.col-offset-9 {
    margin-left: 75%
}

.col-10 {
    width: 83.33333%
}

.col-offset-10 {
    margin-left: 83.33333%
}

.col-11 {
    width: 91.66667%
}

.col-offset-11 {
    margin-left: 91.66667%
}

.col-12 {
    width: 100%
}

.col-offset-12 {
    margin-left: 100%
}

@media only screen and (min-width:767px) {
    .col-t-1 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 8.33333%
    }
    .col-t-offset-1 {
        margin-left: 8.33333%
    }
    .col-t-2 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 16.66667%
    }
    .col-t-offset-2 {
        margin-left: 16.66667%
    }
    .col-t-3 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 25%
    }
    .col-t-offset-3 {
        margin-left: 25%
    }
    .col-t-4 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 33.33333%
    }
    .col-t-offset-4 {
        margin-left: 33.33333%
    }
    .col-t-5 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 41.66667%
    }
    .col-t-offset-5 {
        margin-left: 41.66667%
    }
    .col-t-6 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 50%
    }
    .col-t-offset-6 {
        margin-left: 50%
    }
    .col-t-7 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 58.33333%
    }
    .col-t-offset-7 {
        margin-left: 58.33333%
    }
    .col-t-8 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 66.66667%
    }
    .col-t-offset-8 {
        margin-left: 66.66667%
    }
    .col-t-9 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 75%
    }
    .col-t-offset-9 {
        margin-left: 75%
    }
    .col-t-10 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 83.33333%
    }
    .col-t-offset-10 {
        margin-left: 83.33333%
    }
    .col-t-11 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 91.66667%
    }
    .col-t-offset-11 {
        margin-left: 91.66667%
    }
    .col-t-12 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 100%
    }
    .col-t-offset-12 {
        margin-left: 100%
    }
}

@media only screen and (min-width:1024px) {
    .col-d-1 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 8.33333%
    }
    .col-d-offset-1 {
        margin-left: 8.33333%
    }
    .col-d-2 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 16.66667%
    }
    .col-d-offset-2 {
        margin-left: 16.66667%
    }
    .col-d-3 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 25%
    }
    .col-d-offset-3 {
        margin-left: 25%
    }
    .col-d-4 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 33.33333%
    }
    .col-d-offset-4 {
        margin-left: 33.33333%
    }
    .col-d-5 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 41.66667%
    }
    .col-d-offset-5 {
        margin-left: 41.66667%
    }
    .col-d-6 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 50%
    }
    .col-d-offset-6 {
        margin-left: 50%
    }
    .col-d-7 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 58.33333%
    }
    .col-d-offset-7 {
        margin-left: 58.33333%
    }
    .col-d-8 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 66.66667%
    }
    .col-d-offset-8 {
        margin-left: 66.66667%
    }
    .col-d-9 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 75%
    }
    .col-d-offset-9 {
        margin-left: 75%
    }
    .col-d-10 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 83.33333%
    }
    .col-d-offset-10 {
        margin-left: 83.33333%
    }
    .col-d-11 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 91.66667%
    }
    .col-d-offset-11 {
        margin-left: 91.66667%
    }
    .col-d-12 {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 100%
    }
    .col-d-offset-12 {
        margin-left: 100%
    }
}

.fai {
    font-size: 12px;
    display: block
}

.container {
    width: 1024px;
    margin: 0 auto;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width:1023px) {
    .container {
        width: 100%
    }
}

.gg-map-poi-container tr,
.row {
    width: 100%;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.col_1-2,
.content {
    box-sizing: border-box
}

.content {
    margin: 0 auto;
    width: 95%
}

@media only screen and (min-width:767px) {
    .content.small {
        width: 65%
    }
}

@media only screen and (min-width:1024px) {
    .content.small {
        width: 100%
    }
}

@media only screen and (min-width:767px) {
    .content.medium {
        width: 100%
    }
}

@media only screen and (min-width:1024px) {
    .content.medium {
        width: 85%
    }
}

.decalage {
    margin-right: 20px
}

.col_1-2 {
    float: left;
    width: 100%;
    padding: 0
}

@media only screen and (min-width:767px) {
    .col_1-2 {
        float: left;
        box-sizing: border-box;
        width: auto;
        width: calc(50% - 10px);
        padding: 20px 0
    }
}

.col_1-3,
.col_2-3,
.col_5-12,
.col_7-12 {
    padding: 0;
    float: left;
    box-sizing: border-box
}

.col_1-3 {
    width: 100%
}

@media only screen and (min-width:767px) {
    .col_1-3 {
        float: left;
        box-sizing: border-box;
        width: 33.33333%;
        padding: 0
    }
}

.col_2-3 {
    width: 100%
}

@media only screen and (min-width:767px) {
    .col_2-3 {
        float: left;
        box-sizing: border-box;
        width: 66.66667%;
        padding: 0
    }
}

.col_5-12 {
    width: 100%
}

@media only screen and (min-width:767px) {
    .col_5-12 {
        float: left;
        box-sizing: border-box;
        width: 41.66667%;
        padding: 0
    }
}

.col_7-12 {
    width: 100%
}

.angle {
    position: relative;
    z-index: 2
}

.hidden {
    display: none
}

.visible {
    display: block
}

@media only screen and (min-width:767px) {
    .col_7-12 {
        float: left;
        box-sizing: border-box;
        width: 58.33333%;
        padding: 0
    }
    .angle:after {
        content: '';
        position: absolute;
        left: 100%;
        top: 0;
        z-index: 1;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 268px 0 0 150px;
        border-color: transparent transparent transparent #fff
    }
    .hidden-tab {
        display: none
    }
    .visible-tab {
        display: block
    }
}

@media only screen and (min-width:1024px) {
    .hidden-desk {
        display: none
    }
    .visible-desk {
        display: block
    }
}

.owl-controls .owl-next,
.owl-controls .owl-prev {
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    top: calc(50% - 30px)
}

.owl-controls .owl-next .next,
.owl-controls .owl-next .prev,
.owl-controls .owl-prev .next,
.owl-controls .owl-prev .prev {
    border-radius: 30px;
    border: 1px solid #fff
}

.owl-controls .owl-next .next:hover,
.owl-controls .owl-next .prev:hover,
.owl-controls .owl-prev .next:hover,
.owl-controls .owl-prev .prev:hover {
    background: #fff!important;
    border: 1px solid
}

.owl-controls .owl-prev {
    left: -35px
}

.owl-controls .owl-next {
    right: -35px
}

.social {
    float: left;
    height: 45px;
    line-height: 45px
}

.social-title {
    font-size: 18px;
    padding-left: 20px;
    padding-right: 10px
}

.social * {
    color: #fff;
    display: inline-block
}

.social img {
    display: inline-block;
    width: 35px;
    vertical-align: middle
}

.search-bar+.top-bar .menu-sup li a,
header.top-bar:first-of-type .menu-sup li a {
    color: #fff
}

.search-bar+.top-bar .menu-sup li:hover a,
header.top-bar:first-of-type .menu-sup li:hover a {
    color: #555859
}

.flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (min-width:767px) {
    .flex {
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.flex-1 {
    -ms-flex: 1;
    flex: 1
}

.annonces-min-item-favorite:hover i,
.favorites,
.listing-list-item-footer-info:hover i,
.listing-list-item-footer-info:hover span {
    color: #f5b61b!important
}

.lang {
    padding-left: 0!important
}

.lang img {
    width: 15px
}

.relative {
    position: relative
}

.left,
.left * {
    text-align: left!important
}

.left a {
    display: inline-block
}

#details-slider img {
    width: 100%
}

#details-slider .owl-buttons .owl-prev {
    left: 5px
}

#details-slider .owl-buttons .owl-next {
    right: 5px
}

.button-bandeau {
    text-align: center
}

.button-bandeau .button-item {
    display: block;
    font-size: 12px;
    margin: 5px 2px 0;
    padding: 10px 5px;
    box-sizing: border-box;
    float: left;
    color: #fff
}

.button-bandeau .button-item .icon {
    box-sizing: border-box;
    padding-right: 5px
}

.button-bandeau.second .button-item {
    width: calc(25% - 4px)
}

.details-mandataire {
    padding: 0;
    color: #fff
}

.details-mandataire-content {
    padding: 5px
}

.details-mandataire-photo {
    padding-top: 38px;
    position: relative
}

.details-mandataire-photo img {
    max-width: 105px;
    max-height: 105px;
    position: absolute;
    top: -63px;
    right: 0;
    width: calc(100% - 3px);
    border-radius: 99999px;
    border: 3px solid #fff
}

.details-mandataire-infos .icon {
    padding: 5px;
    border: 1px solid #fff;
    border-radius: 9999px
}

.details-mandataire-infos .infos-item {
    padding: 5px;
    text-align: right;
    line-height: 18px;
    float: left
}

.details-mandataire-infos .infos-item a {
    padding-left: 5px
}

.details-mandataire-name {
    font-size: 16px
}

.details-title-form {
    text-align: center;
    color: #fff
}

.details-title-form>* {
    padding: 10px 0;
    font-size: 16px
}

.details-form {
    border: 1px solid
}

.details-form [placeholder] {
    font-size: 12px
}

.details-form .details-input {
    text-align: center
}

.details-form .details-input input {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid;
    height: 35px;
    padding-left: 5px
}

.details-form .details-textarea {
    text-align: center
}

.details-form .details-textarea textarea {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid;
    padding: 5px
}

.details-form .details-submit {
    text-align: center
}

.details-form .details-submit input {
    padding: 5px 10px;
    background: #555859;
    color: #fff;
    cursor: pointer
}

.details-ref {
    padding: 0 10px;
    line-height: 64px;
    color: #555859
}

.details-price {
    text-align: center;
    color: #fff
}

.details-price>* {
    box-sizing: border-box;
    padding: 5px 0
}

.details-price .price {
    font-size: 22px;
    font-weight: 700
}

.details-price .credit {
    display: block
}

.details-caracteristique {
    padding: 10px 0
}

.details-caracteristique .item-carateristique {
    margin: 12px 5px;
    display: inline-block
}

.details-caracteristique .item-carateristique .icon {
    font-size: 17px;
    color: #fff;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 99999px
}

.details-list {
    float: left;
    padding: 5px;
    box-sizing: border-box;
    width: 100%
}

@media only screen and (min-width:767px) {
    .details-list {
        float: left;
        padding: 5px;
        box-sizing: border-box;
        width: 50%
    }
}

.details-list li {
    font-size: 14px;
    color: #555859;
    padding: 5px 0
}

.details-list.bordered {
    border: 1px solid;
    float: left;
    box-sizing: border-box;
    width: 100%;
    padding: 0
}

.details-list.bordered .annonces-min-title,
.details-list.bordered .avis-title,
.details-list.bordered .listing-lieu,
.details-list.bordered .listing-resultat,
.details-list.bordered .map-title,
.details-list.bordered .pub .pub-desc .pub-title,
.details-list.bordered .title,
.pub .pub-desc .details-list.bordered .pub-title {
    margin: 0
}

.details-list.bordered .annonces-min-title *,
.details-list.bordered .avis-title *,
.details-list.bordered .listing-lieu *,
.details-list.bordered .listing-resultat *,
.details-list.bordered .map-title *,
.details-list.bordered .pub .pub-desc .pub-title *,
.details-list.bordered .title *,
.pub .pub-desc .details-list.bordered .pub-title * {
    font-size: 14px
}

.details-list.bordered ul {
    -moz-column-count: 2;
    column-count: 2;
    box-sizing: border-box
}

.details-list.bordered li {
    padding: 5px
}

.dpe,
.ges {
    position: relative
}

.dpe:after,
.dpe:before,
.ges:after,
.ges:before {
    content: "";
    position: absolute
}

.dpe img,
.ges img {
    width: 100%
}

.dpe:after,
.ges:after {
    right: 0;
    background: #555859;
    height: 20px;
    width: 50px;
    color: #fff;
    text-align: center;
    line-height: 20px
}

.dpe:before,
.ges:before {
    width: 0;
    height: 0;
    right: 50px;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #555859 transparent transparent
}

.dpe.eco-a:after,
.ges.eco-a:after {
    content: attr(eco);
    top: 10%
}

.dpe.eco-a:before,
.ges.eco-a:before {
    top: 10%
}

.dpe.eco-b:after,
.ges.eco-b:after {
    content: attr(eco);
    top: 19%
}

.dpe.eco-b:before,
.ges.eco-b:before {
    top: 19%
}

.dpe.eco-c:after,
.ges.eco-c:after {
    content: attr(eco);
    top: 29%
}

.dpe.eco-c:before,
.ges.eco-c:before {
    top: 29%
}

.dpe.eco-d:after,
.ges.eco-d:after {
    content: attr(eco);
    top: 38%
}

.dpe.eco-d:before,
.ges.eco-d:before {
    top: 38%
}

.dpe.eco-e:after,
.ges.eco-e:after {
    content: attr(eco);
    top: 47%
}

.dpe.eco-e:before,
.ges.eco-e:before {
    top: 47%
}

.dpe.eco-f:after,
.ges.eco-f:after {
    content: attr(eco);
    top: 56%
}

.dpe.eco-f:before,
.ges.eco-f:before {
    top: 56%
}

.dpe.eco-g:after,
.ges.eco-g:after {
    content: attr(eco);
    top: 65%
}

.dpe.eco-g:before,
.ges.eco-g:before {
    top: 65%
}

#modalVideo,
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8)
}

.details-nav .details-nav-content {
    position: fixed;
    right: 0;
    text-align: center
}

.details-nav .details-nav-item {
    text-align: center;
    color: #fff;
    border-radius: 9999px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    line-height: 50px;
    margin: 5px 0;
    font-size: 20px
}

#overlay,
.details-nav .details-nav-item a {
    width: 100%;
    height: 100%
}

#overlay {
    display: block;
    z-index: 9999995
}

#modalZoom {
    display: block;
    position: fixed;
    top: 25%;
    left: 25%;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    width: 50%;
    height: 50%
}

#modalZoom .item-zoom {
    display: block;
    overflow: hidden;
    text-align: center;
    width: 90%;
    height: auto;
    margin: 0 auto
}

@media only screen and (min-width:767px) {
    #modalZoom .item-zoom {
        width: auto;
        height: 500px
    }
}

#modalZoom .item-zoom img {
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

#modalVideo {
    display: block;
    cursor: pointer;
    z-index: 9999999999999999999;
    width: 100%;
    height: 100%
}

#modalVideo .item-video {
    width: 50%;
    height: auto;
    top: 25%;
    position: absolute;
    left: 25%
}

#details_video {
    position: absolute;
    top: 10px;
    z-index: 20;
    right: 10px;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    border-radius: 10px;
    padding: 5px;
    box-sizing: border-box;
    cursor: pointer
}

#details_video i {
    font-size: 20px
}

#details-slider {
    display: none
}

#details-slider .owl-carousel li {
    cursor: pointer
}

.gg-map-poi-container #ges_poi {
    width: 100%;
    padding-left: 0
}

.gg-map-poi-container table,
.gg-map-poi-container tbody,
.gg-map-poi-container tr {
    width: 100%;
    padding-left: 0!important;
    box-sizing: border-box
}

.gg-map-poi-container.bandeau.annonces-min-title,
.gg-map-poi-container.bandeau.avis-title,
.gg-map-poi-container.bandeau.listing-lieu,
.gg-map-poi-container.bandeau.listing-resultat,
.gg-map-poi-container.bandeau.map-title,
.gg-map-poi-container.title.bandeau,
.pub .pub-desc .gg-map-poi-container.bandeau.pub-title {
    margin-top: 0
}

.gg-map-poi-container tr td {
    text-align: center;
    float: left;
    box-sizing: border-box;
    width: 16.66667%;
    padding: 0!important;
    font-size: 12px;
    line-height: 14px!important
}

.gg-map-poi-container tr td input {
    display: inline-block;
    line-height: 14px!important;
    vertical-align: middle
}

.baisse_prix,
.coeur,
.compromis,
.new,
.vendu {
    position: relative
}

.baisse_prix:after,
.coeur:after,
.compromis:after,
.new:after,
.vendu:after {
    content: attr(bandeau);
    padding: 5px 10px;
    position: absolute;
    left: 0;
    top: 5px;
    color: #fff
}

.new:after {
    background-color: #eed500
}

.coeur:after {
    background-color: #ff9800
}

.baisse_prix:after {
    background-color: #2196F3
}

.compromis:after {
    background-color: #5cb860
}

.vendu:after {
    background-color: #f32c1e
}

.popup_ami {
    position: absolute;
    top: 20%;
    color: #fff;
}

.bg-color-white {
    background-color: #fff;
}