@font-face {
    font-family: 'Roboto';
    src: url('css/Roboto-Condensed.ttf') format('truetype');
    }

    @font-face {
    font-family: 'RobotoBoldItalic';
    src: url('css/Roboto-BoldItalic.ttf') format('truetype');
    }

    @font-face {
    font-family: 'RobotoItalic';
    src: url('css/Roboto-Italic.ttf') format('truetype');
    }

    @font-face {
    font-family: 'RobotoRegular';
    src: url('css/Roboto-Regular.ttf') format('truetype');
    }

    @font-face {
    font-family: 'RobotoMedium';
    src: url('css/Roboto-Medium.ttf') format('truetype');
    }

    body {
    background: /*url(css/img/fond-site.jpg) fixed no-repeat 0 57px*/
    #CCC;
    }

    #content {
    margin: auto;
    background: #efefef;
    box-shadow: 0 0 20px #111
    }

    #header {
    position: relative
    }

    .bg-styel {
    height: 58px;
    background: #FFFFFF;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1
    }

    #fadeOutOnLoad {
    background: url(css/img/ajax-loader.gif) no-repeat center center rgba(0, 0, 0, 0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5000
    }

    #logo {
    position: absolute;
    top: 0;
    left: 1.164%;
    z-index: 2;
    margin: 0
    }

    #logo p {
    margin: auto;
    text-align: center;
    line-height: 188px;
    }

    #logo p img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 170px;
    }

    #nav,
    .cloneNav {
    height: 58px;
    position: relative;
    }

    #nav ul,
    .cloneNav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    background: #FFFFFF
    }

    #nav li a,
    .cloneNav li a {
    height: 40px;
    border-bottom: 3px solid #FFF;
    display: block;
    text-align: center;
    padding-top: 15px;
    font-family: 'Roboto', 'Arial', 'Helvetica';
    color: #233871;
    text-decoration: none;
    font-size: 20px
    }

    #nav li:hover a,
    .cloneNav li:hover a {
    color: #4d4d4d
    }

    #nav li.select a,
    .cloneNav li.select a {
    color: #4d4d4d
    }

    #nav .pointer,
    .cloneNav .pointer {
    position: absolute;
    bottom: 0;
    height: 3px;
    background: #233871;
    z-index: 1
    }

    .navBg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
    z-index: 20;
    background: #FFFFFF;
    box-shadow: 0 0 10px #333
    }

    .cloneNav {
    margin: 0 auto;
    }

    nav .nomAgence {
    font-family: 'RobotoBoldItalic', 'Arial', 'Helvetica';
    height: 43px;
    padding-top: 15px;
    float: left;
    padding-left: 20px;
    }

    .info {
    padding-top: 15px;
    font-size: 14px;
    }

    .info ul {
    list-style: none;
    height: 110px;
    margin: 0;
    padding: 0
    }

    .info li {
    height: 30%
    }

    .info ul [class*="ico"],
    .info .adresse [class*="ico"],
    #slider [class*="ico"],
    #bienvedette [class*="ico"] {
    width: 28px;
    height: 28px;
    float: left;
    margin-right: 10px;
    }

    .info address {
    font-style: normal
    }

    .info address strong {
    font-family: 'RobotoBoldItalic', 'Arial', 'Helvetica';
    font-weight: normal;
    color: #233871    }

    .info .ico-url,
    .ico-url {
    width: 100px;
    text-align: center;
    float: left;
    }

    .info .ico-url a {
    font-size: 11px;
    font-variant: small-caps;
    color: #262626;
    text-decoration: none;
    }

    .info .ico-url:hover {
    cursor: pointer
    }

    .info .ico-fb:hover a {
    color: #526EA6
    }

    .info .ico-twt:hover a {
    color: #00ACED
    }

    .ico-mobile {
    background: url(css/img/glyphicons_163_iphone.png) no-repeat
    }

    .ico-tel {
    background: url(css/img/glyphicons_442_earphone.png) no-repeat
    }

    .ico-email {
    background: url(css/img/glyphicons_010_envelope.png) no-repeat
    }

    .ico-address {
    background: url(css/img/glyphicons_089_building.png) no-repeat;
    height: 75px !important;
    }

    .ico-arrow-right-white {
    background: url(css/img/glyphicons_217_circle_arrow_right_white.png) no-repeat
    }

    .floatr,
    .float-r {
    float: right !important
    }

    .floatl,
    .float-l {
    float: left !important
    }

    .titre {
    font-family: 'RobotoBoldItalic', 'Arial', 'Helvetica';
    font-size: 20px;
    color: #FFFFFF;
    background: rgba(35,56,113, 0.95);
    padding: 10px;
    font-variant: small-caps;
    margin-bottom: -10px;
    text-align: center;
    box-shadow: 0 0 5px #444;
    z-index: 3;
    width: 480px;
    }

    .euro {}

    .annonces.hide {
    display: none;
    }

    .anchor {
    position: absolute;
    }

    .animmo {
    top: -45px;
    }

    .cont {
    top: -55px;
    }

    .ta-c {
    text-align: center;
    }

    .bold {
    font-family: 'RobotoBoldItalic', 'Arial', 'Helvetica';
    }

    .cap {
    text-transform: uppercase;
    }

    .pointer {
    cursor: pointer
    }

    .ovf-h {
    overflow: hidden
    }

    .clear-left {
    clear: left;
    }

    .hide {
    display: none;
    }

    .fz-10 {
    font-size: 10px !important
    }

    .fz-12 {
    font-size: 12px !important
    }

    .h-0 {
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    }

    .margin-a {
    margin: auto;
    }

    .pos-rel {
    position: relative
    }

    .ml-20 {
    margin-left: 0px
    }

    .pad-30 {
    padding: 30px
    }

    .email {
    font-size: 13px;
    }

    .block {
    display: block;
    border: none;
    color: #fff    }

    .block:hover,
    .block:focus,
    .block:link {
    display: block;
    border: none;
    color: #fff;
    text-decoration: none;
    }

    div.btn-edit {
    position: absolute;
    right: 10px;
    top: 10px;
    }

    a.more {
    display: block;
    text-align: right;
    }

    .video-yt {
    width: 470px;
    height: 264px
    }

    .ml {
    position: absolute;
    top: 10px;
    right: -60px;
    width: 50px;
    }

    .small-titre {
    font-family: 'RobotoRegular', 'Arial', 'Helvetica';
    font-size: 16px;
    color: #233871;
    font-weight: normal;
    border-bottom: 1px solid #233871;
    margin: 0px 0 5px 0;
    padding: 0 5px 5px 0
    }

    .lien-ville {
    text-align: center;
    font-size: 10px
    }

    #list .resultat.top.fond-rouge {
    background-color: #EA3535;
    }

    .force-show {
    display: block !important;
    }

    sub {
    bottom: 0
    }

    #slider {
    position: relative
    }

    #slider .slide {
    height: 446px;
    }

    #slider .car-img {
    z-index: 1;
    overflow: hidden;
    height: 446px
    }

    #slider .car-img img {
    width: 1170px;
    }

    #slider .slide-shad {
    height: 18;
    width: 100%;
    position: absolute;
    bottom: 0px;
    z-index: 3;
    height: 18px;
    }

    #slider .slide-shad img {
    width: 100%;
    height: 18px;
    }

    #slider aside {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2
    }

    #slider aside p,
    #bienvedette .bien-info .bien-txt {
    padding: 20px 30px 50px 30px;
    background: rgba(35,56,113, 0.9);
    color: #fff;
    font-size: 14px;
    text-align: justify;
    z-index: 2;
    margin: 0px;
    clear: right;
    }

    #slider footer,
    #bienvedette footer {
    position: absolute;
    bottom: 10px;
    right: 0;
    z-index: 4;
    height: 30px;
    padding: 0 30px 0 0;
    }

    #slider footer span,
    #bienvedette footer span {
    font-family: 'RobotoBoldItalic', 'Arial', 'Helvetica';
    text-decoration: none;
    color: #FFF;
    font-size: 18px
    }

    #slider footer a {
    text-decoration: none;
    }

    #biens-pres {
    padding: 30px 20px 1px
    }

    #bienvedette {
    position: relative;
    height: 415px;
    overflow: hidden;
    max-height: 800px
    }

    #bienvedette header .titre {
    width: 280px;
    position: absolute;
    z-index: 3;
    top: -30px;
    right: 0;
    }

    #bienvedette .bien-img img:first-child {
    height: 100%;
    position: absolute;
    left: 0;
    }

    #bienvedette .bien-img img:last-child {
    height: 100%;
    position: absolute;
    right: 0;
    }

    #bienvedette .bien-info {
    position: absolute;
    bottom: 0;
    right: 0
    }

    #bienvedette .bien-info h2 {
    font-weight: normal;
    margin: 0;
    }

    #bienvedette .bien-info h3,
    #bienvedette .bien-info h4 {
    margin: 0;
    font-family: 'RobotoItalic', 'Arial', 'Helvetica';
    font-size: 18px;
    padding: 0 0 5px 0;
    font-weight: normal
    }

    #bienvedette .bien-info p {
    margin: 0
    }

    #cdc {
    margin: 20px -10px 0;
    }

    #cdc article {
    margin: 0 10px
    }

    .annonces {
    position: relative;
    }

    .annonces .bandeau {
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    z-index: 3
    }

    .annonces .bandeau img {
    width: 100%;
    max-width: 250px
    }

    .annonces .annonce-img {
    width: 100%;
    height: 229px;
    text-align: center;
    overflow: hidden
    }

    .annonces .annonce-img img {
    max-height: 229px;
    min-width: 270px
    }

    .annonces aside {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(35,56,113, 0.8);
    width: 100%;
    padding-top: 10px
    }

    .annonces aside h3,
    .annonces aside h4 {
    margin: 0;
    padding: 0 5px 5px;
    font-size: 14px;
    color: #fff;
text-shadow: 1px 1px 1px #333 ;
    overflow:hidden;
    }

    .annonces aside h3 {
    height: 17px;
    }

    .annonces .prix {
    font-family: 'RobotoBoldItalic', 'Arial', 'Helvetica';
    font-weight: normal;
    }

    .btn-annonces {
    width: 220px;
    margin: 0px auto 0;
    text-align: center;
    }

    .btn-annonces,
    #list>header h2,
    #contact>header h2 {
    font-size: 18px;
    text-align: center;
    display: block;
    font-family: 'Roboto', 'Arial', 'Helvetica';
    text-decoration: none;
    color: #233871;
    text-transform: uppercase;
    border-bottom: 2px dotted #233871;
    margin-bottom: 10px
    }

    .btn-annonces:hover {
    color: #88BCF8
    }

    #listbien {
    background: url(css/img/ajax-loader.gif) no-repeat center center #CCC;
    min-height: 518px;
    }

    #listbien .load {
    display: none;
    }

    #list {
    margin-bottom: 20px
    }

    #list .annonces {
    margin-top: 28px;
    cursor: pointer
    }

    #list .row-fluid .annonces.span3 {
    width: 22.404%
    }

    #list .row-fluid.ml-20 .span3:first-child {
    margin-left: 2.12766%
    }

    #list>header,
    #contact>header {
    background: #233871;
    height: 85px;
    position: relative
    }


    /*#list > header.bg{background:url(css/img/slide-shad-top.png) no-repeat top left, url(css/img/slide-shad-bottom.png) no-repeat bottom left;background-color:#233871;cursor:pointer}    #list > header.bg1{background:url(css/img/slide-shad-top.png) no-repeat top left;background-color:#233871}    */

    #list>header h2,
    #contact>header h2 {
    color: #FFF;
    border-color: #FFF;
    width: 220px;
    margin: auto;
    padding-top: 30px;
    font-weight: normal;
    position: relative;
    }

    #list .img-bounce {
    top: 35px;
    position: absolute;
    right: -10px;
    width: 20px
    }

    #list .filtre {
    height: 50px;
    background: #b5b5b5
    }

    #list .filtre.height {
    height: auto
    }

    #list .filtre header {
    background: #FFF;
    padding: 10px 0 0;
    font-family: 'RobotoBoldItalic', 'Arial', 'Helvetica';
    color: #233871;
    text-align: center;
    }

    #list .filtre header.padding {
    padding: 25px 0;
    }

    #list .filtre .form-recherche {
    padding: 6px 0 0;
    margin: 0px 0 0 10px
    }

    #list .filtre .form-recherche ul {
    padding: 0;
    margin: 0;
    list-style: none;
    }

    #list .filtre .form-recherche li {
    width: 80px;
    font-size: 15px;
    color: #FFF;
    background: url(css/img/detail-check-blanc.png) no-repeat 8px center #233871;
    padding: 5px 10px 5px 0;
    float: left;
    margin-right: 10px;
    text-align: right;
    }

#list .filtre .form-recherche li.switch {
width: 80px;
font-size: 15px;
color: #FFF;
background : #233871;
padding: 5px 10px 5px 0;
float: left;
margin-right: 10px;
text-align: right;
position : relative;
}

#list .filtre .form-recherche li.switch::before {

content : url(css/img/switch-neuf-ancien.png);
width : 15px;
height : 15px;
position : absolute;
left : 10px;
top : 7px;
transition : 1s;
}



    #list .filtre .form-recherche li.none {
    background: url(css/img/detail-uncheck-blanc.png) no-repeat 8px center #C3C3C3
    }

    #list .filtre .form-recherche li.pointer:hover {
    box-shadow: 0 0 3px #666;
    background: url(css/img/detail-uncheck-blanc.png) no-repeat 8px center #412647    }

    #list .filtre .form-recherche li.switch:hover {
        box-shadow: 0 0 3px #666;
    }

    #list .filtre .form-recherche li.switch:hover::before {
        transform : rotate(180deg);
        transition : 1s;
    }


    #list .filtre .form-recherche li.none:hover {
    box-shadow: 0 0 3px #666;
    background: url(css/img/detail-uncheck-blanc.png) no-repeat 8px center #C3C3C3
    }

    #list .filtre .form-recherche li.slide,
    #list .filtre .form-recherche li.secteur {
    background: none;
    text-align: left;
    padding: 0px 0px 0px;
    width: 190px;
    color: #FFF;
    font-size: 12px
    }

    #list .filtre .form-recherche li .slider {
    font-size: 0.7em
    }

    #list .filtre .form-recherche li.slide input {
    color: #233871;
    font-size: 14px;
    }

    #list .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
    border-color: #412647    }

    #list .filtre .form-recherche .bord-rigth {
    border-right: 1px solid #EFEFEF;
    background: none;
    width: 1px;
    height: 30px;
    padding: 0
    }

    #list .filtre .form-recherche li.secteur {
    width: 150px;
    }

    #list .filtre select {
    width: 150px
    }

    #list .filtre .more {
    clear: both
    }

    #list .filtre .form-recherche ul li.slide input {
    width: 55px
    }

    #list .filtre .form-recherche ul.more li.slide input {
    width: 45px
    }

    #list .filtre .form-recherche li.slide.surface {
    width: 210px
    }

    #list .filtre .form-recherche ul.more li.slide.ref {
    width: 90px
    }

    #list .filtre .form-recherche ul.more li.slide.ref input {
    color: #233871;
    font-size: 14px;
    width: 150px;
    height: 30px
    }

    #list footer {
    margin-top: 20px;
    }

    #list .resultat {
    text-align: center;
    font-family: 'RobotoRegular', 'Arial', 'Helvetica';
    font-size: 23px;
    color: #233871;
    padding-top: 3px
    }

    #list .resultat.top {
    display: block;
    clear: both;
    background: #233871;
    color: #fff;
    height: 25px;
    padding-top: 5px
    }

    #list .resultat span.txt {
    font-size: 16px
    }

    #minPage {
    width: 30px;
    height: 30px;
    font-size: 23px;
    color: #233871;
    border: none;
    text-align: right;
    }

    #list .hide-bien {
    display: none;
    }

    #list header.bg-color {
    background-color: #88BCF8
    }

    .pagination {
    height: 50px;
    color: #FFF;
    font-family: 'RobotoMedium', 'Arial', 'Helvetica';
    font-size: 16px;
    text-transform: uppercase
    }

    .pagination span {
    display: bloc;
    width: 190px;
    padding-top: 5px
    }

    .pagination.left span {
    float: right;
    text-align: left;
    }

    .pagination.right span {
    float: left;
    text-align: right;
    }

    .pagination.left {
    background: url(css/img/arrow-left.png) no-repeat 5% 50%;
    background-color: #233871;
    }

    .pagination.right {
    background: url(css/img/arrow-right.png) no-repeat 95% 50%;
    background-color: #233871;
    }

    .pagination.diseables {
    background-color: rgba(190, 190, 190, 0.9);
    cursor: default
    }

    #contact {
    margin-top: 0px;
    padding-top: 0;
    }

    #contact>header h2 {
    width: 100px;
    position: relative
    }

    #contact .info {
    padding-top: 0;
    background: #233871;
    color : white !important;
    border : 1px solid white;
    }

    .contact-info {
    padding: 30px;
    }

    #contact iframe {
    width: 100%;
    height: 400px
    }

    .contact-info header {
    font-size: 22px;
    font-family: 'RobotoBoldItalic', 'Arial', 'Helvetica';
    font-weight: normal;
    color: white
    }

    #contact ul {
    height: auto;
    }

    #contact li {
    height: auto;
    padding-top: 15px;
    clear: left;
    }

    #contact li div {
    font-size: 16px
    }

    #contact .form-contact {}

    #contact .form-contact .content-form {
    padding: 30px;
    text-align: right;
    font-size: 14px
    }

    #contact .form-contact .content-form input {
    width: 100%
    }

    #contact .form-contact .content-form textarea {
    width: 100%;
    }

    #contact .form-contact .content-form .titre {
    margin: 20px;
    float: right;
    box-shadow: none;
    cursor: pointer
    }

    #contact .form-contact .content-form li {
    clear: right;
    }

    #contact .form-contact .content-form .left {
    float: right;
    width: 80%;
    margin-left: 20px
    }

    #contact .form-contact #sendMail {
    width: 200px;
    margin-top: 10px;
    color: white
    }

    #contact .form-contact #sendMail:hover {
    background: #233871;
    color: #d6c6c8;
    }

    #contact .form-contact div {
    font-size: 10px;
    }

    #contact .form-contact #msg-contact {
    font-size: 14px;
    text-align: center;
    padding: 10px;
    }

    #contact .form-contact #msg-contact.success {
    background: #88FF88;
    color: #333
    }

    #contact .form-contact #msg-contact.fail {
    background: #F88;
    color: #333
    }

    .form-contact input,
    .form-contact textarea {
    border: 1px solid #233871;
    border-radius: 3px;
    padding: 5px;
    color: #555
    }

    .plan-site a {
    color: #FFF;
    font-size: 14px;
    text-decoration: none;
    }

    .plan-site a:hover {
    text-decoration: underline
    }

    .plan-site li {
    height: 30px;
    }

    #footer {
    background: #4b4b4b;
    margin-top: 10px;
    padding: 30px 30px 10px 30px;
    color: #FFF
    }

    #footer li li {
    clear: both
    }

    #footer ul {
    height: auto;
    }

    #footer .titre-footer {
    font-size: 20px;
    text-align: left;
    color: #FFF;
    text-transform: uppercase;
    font-family: 'RobotoMedium', 'Arial', 'Helvetica';
    margin-bottom: 20px
    }

    #footer a {
    color: #fff    }

    #footer .titre-contact {
    padding-left: 35px
    }

    #detail {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(css/img/ajax-loader.gif) no-repeat center center rgba(0, 0, 0, 0.8);
    z-index: 30;
    overflow: auto;
    }

    #detail .content {
    background: #efefef;
    box-shadow: 0 0 20px #000;
    margin: 0 auto 20px;
    position: relative;
    }

    #detail .container {
    width: 1000px
    }

    #detail .ferme,
    #bg-page .ferme,
    .print,
    .btn-contact {
    width: 180px;
    position: absolute;
    top: 8px;
    right: 25px;
    font-size: 14px;
    color: #FFF;
    background: url(css/img/header-close.png) no-repeat 10px center #233871;
    padding: 10px 10px 10px 30px;
    text-shadow: 1px 1px 1px #777;
    z-index: 32
    }

    .print {
    width: 57px;
    top: 51px;
    background: url(css/img/header-print.png) no-repeat 10px center #233871;
    }

    .btn-contact {
    width: 82px;
    top: 51px;
    background: url(css/img/header-contact.png) no-repeat 10px center #233871;
    }

    #detail .loader {
    height: 5px;
    background: #233871;
    margin: 0
    }

    #detail header {
    margin: 15px 0 0px 0;
    padding-left: 50px;
    background: url(css/img/header-detail.png) no-repeat 20px 5px;
    position: relative;
    }

    #detail header h1,
    #detail header h2 {
    margin: 0;
    padding: 5px;
    font-weight: normal;
    font-family: 'RobotoMedium', 'Arial', 'Helvetica';
    }

    #detail header h1 {
    font-size: 25px;
    color: #233871;
    }

    #detail header h2 {
    font-size: 14px;
    color: #3b3b3b;
    }

    #detail .img-detail {
    padding: 22px 0;
    margin: 0;
    background: url(css/img/detail-shad-top.png) no-repeat top center, url(css/img/detail-shad-bottom.png) no-repeat bottom center;
    height: 450px;
    overflow: hidden;
    text-align: center;
    }

    #detail .img-detail img.min {
    max-height: 410px;
    max-width: 1000px
    }

    #detail .img-detail img.max {
    height: 100%;
    max-width: 1000px
    }

    #detail .img-detail .ovf-h {
    height: 406px;
    background-color: #000;
    }

    #detail .min-img-detail {
    border-bottom: 1px solid #233871;
    padding-bottom: 10px;
    margin-bottom: 10px
    }

    #detail .min-img-detail div.span2 {
    margin-bottom: 5px;
    height: 109px;
    overflow: hidden
    }

    #detail .min-img-detail div.ie {
    margin-left: 0;
    clear: left;
    }

    #detail .min-img-detail img {
    width: 100%;
    border: 1px solid #AAA;
    }

    #detail .info-detail {
    padding: 0 20px
    }

    #detail .info-detail p {
    font-family: 'RobotoRegular', 'Arial', 'Helvetica';
    font-size: 14px;
    color: #3b3b3b;
    text-align: justify;
    }

    #detail aside.info-details {
    margin: 20px 0;
    }

    #detail .bien-detail {
    background: #FFF;
    padding: 20px;
    border-left: 5px solid #233871;
    }

    #detail .bien-detail ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }

    #detail .bien-detail li {
    font-family: 'RobotoRegular', 'Arial', 'Helvetica';
    font-size: 14px;
    color: #3b3b3b;
    padding: 5px 0;
    }

    #detail .bien-detail li span.res {
    font-size: 15px
    }

    #detail .bien-detail li h3 {
    color: #233871;
    font-family: 'RobotoItalic', 'Arial', 'Helvetica';
    font-weight: normal;
    margin: 0;
    padding: 0
    }

    #detail .dpe {
    position: relative
    }

    #detail .dpe img {
    width: 300px;
    }

    #detail .dpe .dpe-bulle {
    position: absolute;
    background: #333;
    padding: 2px;
    color: #FFF;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    width: 25px;
    line-height: 15px;
    }

    #detail .dpe .dpe-bulle.dpe {
    left: 122px;
    }

    #detail .dpe .dpe-bulle.ges {
    right: 10px;
    }

    #detail .dpe .ges .border {
    left: -116px
    }

    #detail .dpe .arrow-dpe {
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 12px 9.7px 0;
    border-color: transparent #333 transparent transparent;
    line-height: 0px;
    _border-color: #000000 #333 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    position: absolute;
    top: 0;
    left: -12px
    }

    #detail .dpe .border {
    position: absolute;
    top: 9px;
    left: -117px;
    height: 2px;
    background: #333333;
    width: 110px;
    }

    #detail .dpe .lettre {
    position: absolute;
    top: -20px;
    right: 2px;
    width: 25px;
    text-align: center;
    font-size: 18px;
    color: #333
    }

    #detail .abso-detail {
    position: absolute;
    top: 15px;
    width: 80%;
    color: #FFF;
    padding: 10px;
    z-index: 5;
    box-shadow: 0 0 5px #333
    }

    #detail .abso-detail span {
    display: block;
    width: 80%;
    }

    #detail .abso-detail.left {
    left: 0px;
    background: url(css/img/arrow-left.png) no-repeat 10% center #233871;
    }

    #detail .abso-detail.left span {
    float: left;
    }

    #detail .abso-detail.right {
    right: 0px;
    text-align: right;
    background: url(css/img/arrow-right.png) no-repeat 90% center #233871;
    }

    #detail .abso-detail.left span {
    float: right;
    }

    #detail footer {
    margin-bottom: 20px;
    }

    #detail .bandeau {
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    z-index: 3
    }

    #detail .bandeau img {
    width: 100%;
    }

    #detail .annonces .bandeau {
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    z-index: 3
    }

    #detail .annonces .bandeau img {
    width: 100%;
    }

    #detail .owl-controls {
    position: absolute;
    top: 358px;
    width: 100%;
    }

    #detail .owl-theme .owl-controls .owl-page span,
    #cdc .owl-theme .owl-controls .owl-page span {
    background: #233871    }

    #detail .owl-buttons {
    position: relative
    }

    #detail .owl-prev {
    position: absolute;
    left: 10px;
    top: -230px;
    background: url(css/img/arrow-detail-left.png) no-repeat;
    width: 44px;
    height: 68px;
    }

    #detail .owl-next {
    position: absolute;
    right: 10px;
    top: -235px;
    background: url(css/img/arrow-detail-right.png) no-repeat;
    width: 44px;
    height: 68px;
    }

    #bg-page {
    background: url(css/img/ajax-loader.gif) no-repeat center center rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 31
    }

    #bg-page .loader {
    height: 5px;
    background: #233871;
    margin: 0
    }

    #bg-page .content {
    background: #efefef;
    box-shadow: 0 0 20px #000;
    margin: 20px auto;
    position: relative;
    }

    #bg-page .container {
    width: 1000px
    }

    #bg-page h1 {
    margin: 0;
    padding: 0 20px;
    font-weight: normal;
    font-family: 'RobotoMedium', 'Arial', 'Helvetica';
    font-size: 25px;
    color: #233871;
    }

    #bg-page div.txt {
    font-family: 'RobotoRegular', 'Arial', 'Helvetica';
    font-size: 14px;
    color: #3b3b3b;
    text-align: justify;
    padding: 20px 20px 10px 20px;
    }

    #bg-page div.txt h2 {

    font-weight: normal;
    font-family: 'RobotoMedium', 'Arial', 'Helvetica';
    font-size: 20px;
    color: #233871;
    }

    #bg-page div.txt h3 {
    margin: 0;
    padding: 10px;
    font-weight: normal;
    font-family: 'RobotoMedium', 'Arial', 'Helvetica';
    font-size: 18px;
    color: #233871;
    }

    #bg-page .xml {
    margin-top: 30px
    }

    #bg-page iframe {
    width: 100%;
    height: 100%;
    border: none
    }

    #social div.ico-url {
    display: inline;
    width: 54px;
    padding-bottom: 5px
    }

    #contact #social {
    position: absolute;
    top: 20px;
    right: 10px;
    text-align: right;
    width: 270px
    }

    #nav.offset4 {
    margin-left: 34.136% !important
    }

    .cloneNav ul.span8 {
    margin-left: 2.2% !important
    }

    #vMobile {
    text-align: center;
    padding: 20px;
    }

    #detail #form-contact-detail {
    background: none repeat scroll 0 0 #EFEFEF;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 0 30px #111111;
    height: 550px;
    margin: auto;
    position: absolute;
    right: 8px;
    top: 91px;
    width: 500px;
    display: none
    }

    #detail #form-contact-detail iframe {
    width: 100%;
    height: 100%
    }

    #analytics {
    width: 0px;
    height: 0px;
    border: 0px;
    }

#ruban-fond {
position: absolute;
right: 0;
top: 130px;
margin: 0px auto;
width: 200px;
background: transparent;
border-radius: 5px;
z-index: 10;
}

.ruban-bandeau {
background: #233871;
height: 30px;
width: 200px;
position: relative;
right: -15px;
top: 10px;
float: left;
box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
z-index: 100;
}

.ruban-bandeau  {
background: #;
}
 .ruban_gauche {
border-color: transparent # transparent transparent;
}


.ruban-bandeau h2 {
font-size: 18px;
padding: 0px !important;
color: #fff;
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
text-align: center;
margin-top: 5px;
}

@media (max-width : 767px){
.ruban-bandeau h2 {
padding : 0px !important;
}
}

.ruban_gauche {
border-color: transparent #233871 transparent transparent;
border-style: solid;
border-width: 15px;
height: 0px;
width: 0px;
position: relative;
right: -200px;
top: 25px;
z-index: -1;
transform: rotate(180deg);
}


    /*************** Annimation *********************/

    .animation {
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
    }

    .animeHover {
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    box-shadow: 0 0 0px #333;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
    }

    .annonceAnimCSS3 {
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
    box-shadow: 0 0 15px #333;
    -moz-transform: scale(1.05) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(1.05) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1.05) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1.05) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1.05) rotate(2deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }

    .arrow-bounce {
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
    -moz-transform: scale(1.1) rotate(0deg) translateX(0) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(1.1) rotate(0deg) translateX(0) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1.1) rotate(0deg) translateX(0) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1.1) rotate(0deg) translateX(0) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1.1) rotate(0deg) translateX(0) translateY(0px) skewX(0deg) skewY(0deg);
    }

    .img-rotate-90 {
    -moz-transform: scale(1) rotate(180deg) translateX(0) translateY(0px) skewX(0deg) skewY(0deg);
    -webkit-transform: scale(1) rotate(180deg) translateX(0) translateY(0px) skewX(0deg) skewY(0deg);
    -o-transform: scale(1) rotate(180deg) translateX(0) translateY(0px) skewX(0deg) skewY(0deg);
    -ms-transform: scale(1) rotate(180deg) translateX(0) translateY(0px) skewX(0deg) skewY(0deg);
    transform: scale(1) rotate(180deg) translateX(0) translateY(0px) skewX(0deg) skewY(0deg);
    }

    #list .filtre .form-recherche li:hover {
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
    }


    /* STYLE IE 8 UNIQUEMENT */