@import url('//fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,700&display=swap');
body, html {
    height: 100%;
    position: relative;
    margin: 0;
    padding:0;
}
body{
    font-family: 'Open Sans', sans-serif !important;
    margin:0;
    padding:0;
    color: #444;font-size:1.4em;
    background-color:#fff !important;color:#000;line-height:1.5

}
.body-white {background-color:#fff  !important}

@media(min-width:800px){
    body.accueil{
        background: rgba(0, 0, 0, 0) url("../images/bg-consortium.jpg") no-repeat fixed 0 -25px / cover ;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}
@media(min-width:1280px){
    body.accueil{
        background: rgba(0, 0, 0, 0) url("../images/bg-consortium.jpg") no-repeat fixed 0 -150px / cover ;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}



@media(max-width:800px){
    body.accueil{
        background: url(../images/bg-consortium_sm.jpg) no-repeat center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}


.message_retour {
    background:#E3B000;
    padding:2px;
    margin-top:10px;
    color:#fff;
    border-left:3px solid #A27E00;
}
.message_retour_valid {
    background:#5FC700;
    padding:2px;
    margin-top:10px;
    color:#fff;
    border-left:3px solid #448E00;
}

a {
    text-decoration: none;
}
a:hover,
a:focus{
    color: #1b84e6;
}
.grid > * > *{
    padding-left:-21px !important;
}


.mt80{margin-top: 80px;}

.mur{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    display:table;
    height:95% !important;
    width:100%;
}
@media (min-width: 480px){
    .mur{
        padding: 10em 0 0;
    }
}
@media (max-width: 480px){
    .mur {
        padding: 0;
    }
}
.caract div{
    position: relative;
}
.unity{
    color: #ccc;
    font-weight: 400;
    padding: 3px 12px;
    position: absolute;
    right: 0;
    top: 3px;
}
h3{
    color: #333;
    font-size: 1.2em;
    font-weight: 300;
}
.grid{
    overflow: visible !important;
}
@media(min-width:480px){
    .logo-desk{
        width: auto;
        margin: 5em 0 3em 0;
    }
}
@media(max-width:480px){
    .logo-mobile img{
        width: 70%;
        margin: 0 auto;
        padding: 0.5em;
    }
}
/*------------------------------------------------------------------------*\
HEADER
\*------------------------------------------------------------------------*/

.logo{
    width:250px;
}
@media(min-width:480px){
    .logo-desk{
        width: auto;
        margin: 5.5em 0 3em 0;
    }
}
@media(max-width:480px){
    .logo-mobile img{
        width: 40%;
        margin: 0 auto;
        padding: 0.5em;
    }
}
.img-logo{
    margin: 0 auto;
    display: block;
    width: auto;
}
.logo-home{width:30%;margin:0 auto 40px}
.logo-home .img-logo{margin:0 auto}
@media(max-width:480px){
    .conteneur {
        padding-top: 80px !important
    }
}
@media (max-width: 1169px){
    .cd-nav-logo{
        margin-left: 15px;
        width:75%;
        padding: 11px 0 !important;
    }
}

.moteur_interieur  {
    display:none;position:fixed;
    width:100%;top:30px;left:0;
    background:#fff;
    padding:5px;
    border-bottom:1px solid #000;
}
.moteur_interieur img {
    float:left;
    width:10%;}
.loupe {
    width: 50px;
    height: 30px;
    background: #212121;
    position:absolute;
    left:48%;
    z-index:5000;
    cursor:pointer;
}
.loupe:after {
    content: "";
    position: absolute;
    left: 0; width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 15px solid #212121;
    bottom: -15px;
}
.loupe .tea{
    color: #fff;
    font-size: 20px;
    padding: 8px 13px;
    text-align: center;
    position: absolute;
}
.bloc-fix{
    display:none;
    position:fixed;
    width:100%;
    top:30px;
    left:0;
    background:#fff;
    padding:40px 0;
    z-index: 1000;
    -moz-box-shadow: 0px 0px 15px 0px #656565;
    -webkit-box-shadow: 0px 0px 15px 0px #656565;
    -o-box-shadow: 0px 0px 15px 0px #656565;
    box-shadow: 0px 0px 15px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=15);
}
.bloc-fix img {
    float:left;
    width:80%;
}
.bloc-search .img-logo{
    width: 70%;
}
.search-home{
    border-style: solid;
    border-width: 1px;
    border-color: rgb(219, 219, 219);
    background-color: rgba(238, 238, 238, 0.8);
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.2);
    background-color: #eeeeee;
    /*    background: url("https://www.consortium-immobilier.fr/fr/images/bg-login.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    *//*    background: none repeat scroll 0 0 #f1f1f1;
    */    border: 1px solid #eaeaea;
    color: #333;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding:2em 0;
    box-shadow:0 0px 10px rgba(0, 0, 0, 0.3); padding:15px;
}
.search-home label{
    margin-right: 0.5em;
}
.conteneur .btn-blue,
.conteneur .btn-grey{
    font-size: 1.1em;
}
.nav-type{
    display:  table;
    margin: 0 auto;
    padding: 0 0 1em 0;
}
.nav-type li{
    list-style: none;
    float: left;
    padding: 0 0.5em 0;
}
.search-home-more{
    text-align: right;
    padding: 7px 0;
}
.form-search-top{
    padding: 15px !important;
}
.search-home-more {
    padding: 7px 0;
}
.search-home-more a{
    color: #a7a7a7;
}
.search-home-more a:before{
    font-family: 'fontAwesome';
    content:'\f055';
}
@media (min-width: 480px){
    .tiny-topbar{
        display: none;
    }
}
@media (max-width: 480px){
    .bloc-fix{
        top:0;
        padding: 20px;
    }
    .search-tiny{
        text-align: right
    }
    .ico-top{
        float: left;
    }
    .ico-top:last-child{
        text-align: right;
    }
    .search-home .form-style{
        font-size: 16px;
    }
}
.alerte {
    padding: 8px 8px 8px 14px;
    margin-bottom: 18px;
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border-left: 3px solid;
}
.close-alerte{
    cursor: pointer;
}
.alerte-danger,
.alerte-erreur{
    color: #e05d6f;
    background-color: #f9dde1;
}
.alerte-succes {
    color: #5cb85c;
    background-color: #eaf6ea;
	margin: 10px;
    padding: 10px;
}
.alerte-info{
    background-color: #daeffd;
    color: #2b6a94;
}
/*------------------------------------------------------------------------*\
FORM
\*------------------------------------------------------------------------*/
.form-style {
    background-color: #fff;
    background-image: none;

    box-shadow: unset;
    color: #333;
    display: block;
    line-height: 1.42857;

    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
input,select,textarea {
    border:1px solid #d7d7d7; color:#333 ;
    border:1px solid #d7d7d7;
    border-radius:2px;padding: 6px 12px;
}
.hide{
    display:none !important;
}
/*------------------------------------------------------------------------*\
HEADER
\*------------------------------------------------------------------------*/
.home{
    padding-top:10%
}
.logo {
    width: 15%;
    padding: 60px 0 30px;
}
.logo-home{
    width: 30%;
    margin:0 auto 40px auto;
}
.logo-home .img-logo{
    margin:0 auto;
}
@media (max-width: 480px) {
    body{
        padding: 0 !important;
    }
    .logo {
        width: 100%;
        padding: 10px 0 !important;
        width: 100%;
        margin-top: 45px;
    }
    .logo .img-logo{
        width: 35% !important;
    }
    .topbar{
        min-height: 40px !important;
    }
}
.small-logo{
    float: left;
}
.bloc_moteur_interieur{
    float: left;
}
.logo  img{
    margin:0 auto;
    display: block;
}
.topbar{
    background:#3E7FC1;
    min-height: 40px;
    margin-bottom: 30px;
}
.nb-selection{
    float: right;
    color: #fff;
    line-height: 30px;
    font-size: 12px;
}
.nb-selection i{
    color: #fff000;
    padding: 0 5px 0;
}
/*------------------------------------------------------------------------*\
BOUTON
\*------------------------------------------------------------------------*/
[class*='btn-']{
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.btn-blue{
    background-color: rgb(27, 132, 230);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.086);
    font-weight: 600;
    color:white;
}
.btn-green{
    border-style: solid;
    border-width: 1px;
    border-color: rgb(129, 191, 13);
    background-color: rgb(147, 217, 15);
    padding: 15px 25px;
    color: #fff;
}
.btn-new{
    background: rgb(147, 217, 15);
    color: white;
    display: block;
    padding: 15px 0;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    margin: 45px 0  0;
    text-shadow: 1px 2px 3px #666;
}
.btn-new a {
    color: white;
}
.btn-xl{
    font-size: 26px;
    padding: 10px;
}
.btn-sm{
    font-size: 20px;
    padding: 10px;
}
.btn-more{
    color: #0b7ce5;
}
.btn-more:after{
    content: '\f054';
    font-family: 'FontAwesome';
    padding: 0 0 0 10px;
}
.btn-more:hover{
    background-color: rgb(27, 132, 230);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.086);
    font-weight: 600;
    color:white;
}
@media(min-width:800px){
    .conteneur{
        width: 799px;
        margin: 0 auto;
    }
}
@media(max-width:799px){
    .conteneur{
        max-width: 900px;
        margin: 0 auto;
    }
}


/*------------------------------------------------------------------------*\
FICHE ANNONCE
\*------------------------------------------------------------------------*/
.nav-listing {
    padding: 15px 0;
    color: #c8c8c8;
    clear: both;
}
.nav-listing a{
    color: #7f7f7f;
}
.nav-style{
    float: right;
}
.nav-style > [class*='vue-']{
    float: left;
    font-size:17px;
    padding:0 0 0 15px;
}
.nav-style-top{
    border-bottom: 1px solid #c8c8c8;
}
.nav-style-bot{
    float: right;
    font-size: 1em;
    padding: 5px 0;
}
.nav-style-bot a{
    padding: 0 2px;
}
@media (max-width: 480px){
    .nav-style-bot{
        float: none;
        text-align: center;
    }
    .nav-listing {
        height: auto;
    }
}
/*------------------------------------------------------------------------*\
LISTING
\*------------------------------------------------------------------------*/
/*GRID*/
.list-annonce{
    padding: 0;
    list-style: none;
}
.list-annonce li{
    text-align: center;
    position: relative;
    background:#f1f1f1;
    margin-bottom: 25px;
    padding: 10px 0;
}
.list-annonce li:hover,
.list-grid:hover{
    -moz-box-shadow: 0px 0px 2px 0px #656565;
    -webkit-box-shadow: 0px 0px 2px 0px #656565;
    -o-box-shadow: 0px 0px 2px 0px #656565;
    box-shadow: 0px 0px 2px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=2);gth=5);
}
.list-grid {
    background: #fff;
    position: relative;
    border:1px solid #c0c0c0;
    padding:2px;
}
.grid4.append_produit_js-AEFF{
    margin-top: 80px;
}

.info-annonce{
    float: left;
}
.info-annonce-grid{
    text-align: center;
}
.bloc-btn-more{
    float: right;
}
.thumbs {
    float: left;
}
.info-annonce:hover{
    color: #fff;
}
.info-annonce:hover + .bloc-btn-more .btn-more {
    background: #0b7ce5;
    color: #fff;
}
.list-annonce figure{
    margin:0;
}
.annonce-attribut{
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0 0;
    margin: 0
}
.annonce-attribut a{
    color: #0b7ce5;
}
.annonce-attribut .favoris{
    color: #000;
}
.annonce-attribut .active .favoris{
    color: #fff000;
}
.lieu{
    font-size: 13px;
    margin:0;
}
.price{
    font-weight: bold;
    color: #000;
    margin: 5px 0;
}
.nbpic{
    background:  no-repeat scroll 0 -40px rgba(0, 0, 0, 0);
    bottom: 10px;
    position: absolute;
    right: 5px;
    z-index: 1;
}
.nbpic a{
    color: #fff;
    display: block;
    font-size: 10px;
    height: 18px;
    padding: 3px 0 0;
    width: 20px;
}
.nbpic a:hover{
    background-position: 0 -18px;
}
.icoctt{
    cursor: pointer;
    font-size: 18px;
    bottom: 3px;
    left: 5px;
    position: absolute;
    z-index: 1;
}
.slide-detail{
    cursor: pointer;
}
/* Common style */
.grid figure {
    position: relative;
    overflow: hidden;
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.grid figure img {
    position: relative;
    display: block;
    max-width: 100%;
}
.grid figure img:hover{
    background: #000;
    display: block;
    opacity: 0.8;
}
.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
figure.effect-zoe figcaption {
    top: auto;
    bottom: 0;
    padding: 0.2em;
    height: 1.6em;
    background: rgba(0,0,0,0.5);
    color: #3c4a50;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}
figure.effect-zoe h2 {
    float: left;
}
figure.effect-zoe p.icon-links a {
    float: right;
    color: #FFF;
    font-size: 0.8em;
}
figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus {
    color: #ccc;
}
figure.effect-zoe .description {
    position: absolute;
    bottom: 5em;
    padding: 0 3.5em;
    color: #fff;
    text-transform: none;
    /*  font-size: 90%;*/
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    -webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */
}
figure.effect-zoe:hover .description {
    opacity: 1;
}
figure.effect-zoe:hover .description a {
    background: rgba(0,0,0,0.7);
    /*  width: 70%;*/
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: bold;
    /*  margin-left:15%;*/
}
figure.effect-zoe h2,
figure.effect-zoe p.icon-links a {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,200%,0);
    transform: translate3d(0,200%,0);
}
figure.effect-zoe p.icon-links a span::before {
    display: inline-block;
    padding: 4px 10px;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-eye::before {
    content: '\e000';
}
.icon-paper-clip::before {
    content: '\e001';
}
.icon-heart::before {
    content: '\e024';
}
figure.effect-zoe h2 {
    display: inline-block;
}
figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
figure.effect-zoe:hover h2 {
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}
figure.effect-zoe:hover p.icon-links a:nth-child(3) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
figure.effect-zoe:hover p.icon-links a:nth-child(2) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
figure.effect-zoe:hover p.icon-links a:first-child {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
/*VIGNETTE*/
/*.list-tb  .list-annonce{
border-bottom: 1px solid #ccc;
}*/
.list-liste .info-annonce{
    padding: 15px 0;
}
.list-tb .info-annonce{
    padding: 35px 0;
}
.list-tb .bloc-btn-more{
    padding: 25px 10px 0 0;
}
.list-tb .annonce-attribut,
.list-tb .lieu,
.list-tb .price,
.list-liste .annonce-attribut,
.list-liste .lieu,
.list-liste .price{
    float: left;
    padding: 0 0 0 15px;
    margin: 0;
}
.list-tb figure{
    position: relative;
}
.list-tb .nbpic{
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}
/*Liste*/
.list-liste .annonce-attribut{
    padding-left: 25px;
}
/*------------------------------------------------------------------------*\
PAGE DETAIL
\*------------------------------------------------------------------------*/
.annonce-header {
    padding: 10px 20px;
}
.annonce-header .price{
    text-align: center;
}
.annonce .navigation {
    color:#e1e1e1;
    font-size:2rem;
}
.annonce-header h1 {
    color:#0e7be4;
    margin:0;
    line-height: 40px;
}
.retour-list{
    float: left;
    margin: 5px 13px 0 0;
    width: 29px;
    font-size: 23px;
    color: #ccc;
}
.annonce .titre h3 {
    color:#212121;
    font-size:1.2em;
    font-weight:normal;
    text-align:left;
}
#annonce-thumbs li {
    float: left;
    width: 20%;
    display: block;
    height: auto;
    max-width: 100%;
}
.annonce-header .navigation {
    color: #ccc;
}
.navigation {
    position: relative;
}
.navigation a{
    color: #ccc;
    /*  padding: 0 35px;*/
    position: relative;
}
.navigation a.prec{
    padding: 0 0 0 35px ;
}
.navigation a.next{
    padding: 0 35px 0 0 ;
}
.navigation .next .tea{
    position: absolute;
    top: 3px;
    right: 5px;
}
.navigation .prec .tea{
    left: 0;
    position: absolute;
    top: 3px;
}
.navigation .tea:nth-child(2){
    right: 5px;
    position: absolute;
    top: 3px;
}
.recap-annonce,
.recap-option{
    background:#f1f1f1;
    border-top:1px solid #dbdbdb;
    font-size:12px;
    margin: 0 0 10px;
    padding: 8px 10px;
}
.recap-option{
    border-bottom:1px solid #dbdbdb;
}
.print{
    cursor: pointer;
}
.recap-annonce  div, .recap-option div {
    color: #373737;
    font-size: 1.3rem !important;
    padding: 0 0 0 20px;
    position: relative;
    line-height: 15px;
}
.recap-annonce .tea,
.recap-option .tea{
    color: #dbdbdb;
    padding-right: 10px;
    font-size: 1.7rem;
    color: #ccc;
    left: 0;
    position: absolute;
    top: 0;
}
.recap-annonce ul{
    padding: 0;
    list-style: none;
}
.recap-annonce ul li{
    padding-bottom: 5px;
}
.detail_add_selection{
    cursor:pointer;
}
.recap-annonce .icon-phone-bg,
.recap-option .icon-camera{
    color: #0e7be4;
    position: absolute;
}
.form-contact,
.last-contact {
    background:#efefef;
}
.form-contact button .fa {
    padding-left:45px;
}
.annonce h3{
    font-size: 2.8rem;
    line-height: 25px;
    color:#bababa;
    font-weight:normal;
    text-transform: none;
}
.annonce h4{
    font-size: 1.2rem;
    font-weight: normal;
    padding: 25px 0 0;
    text-align: center;
}
.form-contact h3{
    text-align:center;
}
.last-contact h3{
    text-align: left;
    /*    padding: 0 15px;*/
    margin-bottom: 10px;
}
.last-contact button .fa {
    padding-left:45px;
}
.price-aside {
    color:#000;
    text-align:center;
    display:block;
    font-size:25px;
    background:#e8e8e8;
    position: relative;
    width:100%;
    padding:0.2em 0;
    font-weight: bold;
    line-height: 20px;
}
.form-contact,
.last-contact{
    padding: 15px;
}
.bloc-map h3{
    margin:15px 0;
}
.bloc-map figure{
    margin-top: -15px;
}
.bloc-map img{
    border: 1px solid #ccc;
}
.btn-map .tea{
    font-size: 20px;
    left: 10px;
    position: absolute;
    top: 10px;
}
.btn-map {
    height: 45px !important;
    left: 30px;
    position: absolute;
    top: 85px;
    width: 240px !important;
    padding: 12px 40px;
}
/*.btn-phone {
left: 0;
padding: 0 40px;
position: absolute;
top: 0;
}*/
.morph-button.desa{
    position: absolute;
}
.morph-button.desa .tea{
    color: #1c84e7;
    padding: 0 4px 0 0;
}
.morph-button.desa > icon
.form-contact b:after {
    content:" ";width: 0;
    height: 0;
    position: absolute;
    top: 100%; left: 45%;
    pointer-events: none;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #E8E8E8;
}
.morph-button.desa.morph-button-modal.morph-button-modal-2.morph-button-fixed > button {
    font-size: 1.3rem;
    margin-top: 8px;
}
@media (max-width: 480px){
    .morph-button.morph-button-modal.morph-button-modal-2.morph-button-fixed{
        display: none;
    }
}
/*tab*/
ul.tabs-menu{
    margin:0 0 20px 0;
    padding:0 0 15px 0;
    width:100%;
    display:block;
    min-height: 35px;
    border-bottom: 1px solid #ccc; }
#tab-1{
    text-align: justify;
    font-size: 0.9em;
}
ul.tabs-menu .tab {padding: 15px 0}
ul.tabs-menu li { list-style:none; display:inline; width:33%;float:left;}
ul.tabs-menu a h3{color:#c7c7c7 !important}
ul.tabs-menu .current  a h3{color:#232323 !important}
.tab-content { display: none;}
#tab-1 {display: block;   }
ul.tabs-menu > li .current{
    background: #f1f1f1;
}
/*OWL*/
.owl-theme .owl-controls .owl-buttons div{
    position: absolute;
    font-family: "mint";
    top: 85px;
    width: 30px;
    background: #0e7be4;
    border-radius: 0 ;
    opacity: 0.8 ;
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver*/
    margin: 3px;
    padding: 3px 10px;
    font-size: 13px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
}
.owl-theme .owl-controls .owl-buttons .owl-next{right: 0;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left: 0;}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content: "\e007";}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{ content: "\e011";}
/*Modal*/
.content-style-form .icon-closeup{
    color: #333;
    font-family: "mint";
    font-size: 75%;
    right: 10px;
    top: 10px;
}
/*
.content{
background: none repeat scroll 0 0 #fff;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
margin-bottom: 40px;
padding: 10px;
}
*/
.mur .content {
    background: transparent !important;
    box-shadow: none;
}

.image {
    padding: 0 20px 0 0;
}
.icon-close {
    position: absolute;
    right: 0;
    top: 0;
}
@media (max-width: 480px) {
    h1{
        font-size: 1.1em !important;
        text-align: center;
    }
    .price-tiny{
        font-size: 1.3em;
        font-weight: bold;
    }
    .lieu-tiny{
        font-size: 1em;
    }
    .annonce-header{
        background: #eaeaea;
        border-bottom: 1px solid #ccc;
    }
    .resume{
        font-size: 0.9em;
        text-align: justify;
        margin-top: 1.5rem;
    }
    .retour-list {
        color: #ccc;
        float: left;
        font-size: 1.1em;
        margin: 8px 13px 0 0;
        width: 29px;
    }
    .recap-annonce div{
        padding-bottom: 5px;
        font-size: 1em !important;
    }
    .recap-option{
        border:none;
    }
    .recap-option  a,
    .recap-option  .autogrid3 >div{
        padding: 5px;
        border-bottom:1px solid #ccc;
    }
    .nb-selection{
        padding-right:15px;
    }
    .retour-list {
        padding-left: 15px;
    }
    .contact-tiny{
        position: relative;
        height: 40px;
    }
    .contact-tiny a{
        background:  #0e7be4;
        color: #fff;
        float: left;
        height: 40px;
        line-height: 40px;
        text-align: center;
        width: 100%;
        text-transform: uppercase;
    }
    .contact-tiny .tea{
        position: absolute;
        top: 2px;
        left: 105px;
    }
    .contact-tiny .pos2{
        position: absolute;
        left: 80px;
        top: 2px;
    }
}
.menu {
    width: 300px;
    height: 70px;
    margin: 2em auto;
    position: relative;
    text-align: left;
    cursor: pointer;
    z-index: 100;
}
.menu__label {
    display: block;
    background: none;
    border: none;
    width: 100%;
    height: 70px;
    padding: 0 1.25em;
    font-size: 1.3em;
    color: #fff;
    position: relative;
    outline: none;
    text-align: left;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
}
.menu__inner li a span,
.menu__label span {
    font-size: 0.68em;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1.2;
    font-weight: 600;
}
.menu .fa {
    vertical-align: top;
    line-height: 1.25;
    margin-right: 0.65em;
    font-size: 1.15em;
}
.menu__inner {
    list-style: none;
    padding: 0 1.25em;
    font-size: 1.3em;
    margin: 0;
    position: absolute;
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    transition: height 0.5s cubic-bezier(0.7, 0, 0.3, 1);
}
.menu.menu--open .menu__inner {
    height: 310px;
}
.menu__inner li a {
    display: block;
    padding: 0.53em 0;
    line-height: 1.2;
    opacity: 0;
    color: #727476;
    pointer-events: none;
    outline: none;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
}
.menu__inner li a:hover {
    color: #45484A;
}
.menu--open .menu__inner li a {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.menu--open .menu__inner li:nth-child(2) a {
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s;
}
.menu--open .menu__inner li:nth-child(3) a {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s;
}
.menu--open .menu__inner li:nth-child(4) a {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
}
.menu--open .menu__inner li:nth-child(5) a {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s;
}
.menu--open .menu__inner li:nth-child(6) a {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.morph-shape,
.morph-shape svg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.morph-shape {
    height: 70px;
    -webkit-transition: height 0.5s cubic-bezier(0.7, 0, 0.3, 1);
    transition: height 0.5s cubic-bezier(0.7, 0, 0.3, 1);
}
.morph-shape svg {
    height: 100%;
}
.menu.menu--open .morph-shape {
    height: 400px;
}
.morph-shape svg path {
    fill: #C6CFCF;
}
.footer {
    background: none repeat scroll 0 0 #333333;
    border-top: 1px solid #000;
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 0.8em;
}
.menu-bottom {
    background: none repeat scroll 0 0 #161616;
}
.footer ul{
    padding: 0
}
.menu-bottom ul li {
    display: inline;
    padding: 0 2%;
}
@media (max-width: 480px) {
    .menu-bottom ul li {
        display: list-item !important;
        padding: 0 2%;
    }
}
.menu-bottom ul li a {
    color: #fff;
    font-size: 11px;
    height: 3em;
    line-height: 3em;
}
.website{
    display: none;
}
.mention,
.mandatory
{
    font-size: 11px;
    color: #666;
    padding: 0 0 0 5px;
}
.liens li a{
    border-bottom: 1px solid #e0e0e0;
    color: #8f8f8f;
    display: block;
    font-size: 1em;
    line-height: 1.5rem;
    padding: 15px;
}
.nbresult{
    text-align: center;
    padding: 0 0 20px 0px;
    color: #0b7ce5;
    font-size: 16px;
    font-weight: 300;
}
.pagination{
    text-align: center !important;
    padding: 10px 0 !important;
    margin-bottom: 5px;
}
.pagination li {
    float: left;
    list-style: outside none none;
    padding: 0 0.5em;
}
.pagination li a,
.pagination li span{
    border-radius: 6px;
    color: #333;
    font-size: 12px !important;
    padding: 2px 7px;
    border: 1px solid #d6d6d6;
    background: #FFF;
}
.pagination li span{
    border: none !important;
}
.pagination li a:hover{
    background: #0b7ce5;
    color: #fff;
    border: none;
}
.pagination li a.active{
    background: #0b7ce5;
    color: #fff;
    border-color: #0b7ce5;
}
.pagination li .btndisabled{
    color: #ccc;
    border-color: #ccc;
}
@media (max-width: 480px) {
    .pagination li.btnext
    {
        display: inline-block;
        padding: 0 37px;
    }
    .grid > * > *{
        padding: 0 15px !important;
    }
}
.search-focus{
    border-color: #f86565;
}
.search-focus_red{
    border-color: #f86565!important;
}
.morph-button-modal-2.open .morph-content{
    /*  height: 500px !important;*/
}
.recap-annonce .morph-button-fixed > button,
.recap-option .morph-button-fixed > button {
    background: transparent;
}
.info-agence{
    background:#f4f4f4;
    border-top: 1px solid #d2d2d2;
    border-bottom:  1px solid #d2d2d2;
    padding: 20px 0 10px;
}
.infoagence{
    color: #666;
    font-size: 12px;
    text-align: center;
    list-style: none;
    line-height: 15px;
}
.agence-nom{
    font-weight: 600;
    padding: 10px 0 0;
    text-align: center;
}
#triselect {
    width: 50%;
    padding: 3px 4px;
    font-size: 11px;
    width: 62%;
    float: right;
    border: 1px solid #eaeaea;
}
.modal-connect .form-style{
    background: none repeat scroll 0 0 #f1f1f1;
    border: 1px solid #eaeaea;
    box-shadow: none;
    color: #333;
    font-weight: 300;
}
.box {
    background:#f7f7f7;
    border:1px solid #dfdfdf;
    margin: 10px;
}
.black {color:#000}
.backbox {
    background:#969696;
    color:#fff;
    padding:5px;
}
.innerbox {
    padding:5px;margin:5px 0;
}
.box h2 {
    margin-bottom: 0;
    font-weight: 200;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
}
.voile_pige {padding:5px; width:80%;background:#fff; opacity:0.8}
/*fin pige*/
body{font-family:'Open Sans',sans-serif;margin:0;padding:0;color:#444;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:30px 0 0 0}
a{text-decoration:none}
.grid > * > *{
    padding-left:-21px!important
}
.topbar a:hover{
    color:#3f7fc2
}
.search-home .form-style{
    font-size:13px;
    font-size:1.3rem;
    height:60px
}
/*
.search-home .autogrid4 > div:nth-child(2) {
margin-bottom: 10px;
}
*/

.form-style1{
    width: auto !important;
    margin: 0 7px 0 !important;
}
.form-style input,.form-style select{
    border:1px solid #d7d7d7;
    background:#fff;
    margin-top:10px;
    width:100%;
}

.bloc_opt_in_rgpd {
  width:100%;
  margin:10px 0 10px 0;
}

input.opt_in_rgpd{
  width:20px;
  height:20px;
  margin:0 10px 0 0;
}

.bloc_opt_in_rgpd label{
  font-size:12px !important;
}

.bloc_opt_in_rgpd a{
  text-decoration: underline;
}



.form-style textarea {color:#333;background:#fff;margin-top:10px;width:100%;}
.mandatory {font-size:0.7em;color:#737373;}
.home{padding-top:10%}
.small-logo{float:left}
.bloc_moteur_interieur{float:left}
.topbar{background:#3E7FC1;}
.nb-selection{float:right;color:#fff;line-height:30px;font-size:12px}
.nb-selection i{color:#fff000;padding:0 5px}
.btn-blue{
    background-color:#3f80c4;
    box-shadow:0 1px 3px 0 rgba(0,0,0,0.086);font-weight:400;color:#fff}
.btn-blue:hover{background-color:#1565b0;box-shadow:0 1px 3px 0 rgba(0,0,0,0.086);color:#fff}
.btn-red{
    background: #E0373F;
    color: #fff;font-weight:400
}
.btn-red:hover{
    background: #c12f36;
}
.title-blue {color:#1c84e6;font-weight:100;}
.btn-green{border-style:solid;border-width:1px;border-color:#81bf0d;background-color:#93d90f;color:#fff}
.btn-green:hover{background-color:#83c20d}
.btn-xl{font-size:26px;padding:10px}
.btn-sm{font-size:20px;padding:10px}
.btn-more{color:#0b7ce5}
a{color:#3f7fc2}
h1{font-size:1.5em;font-weight:400;font-family: 'Roboto', sans-serif;}
h2{font-size:1.5em;font-weight:400;font-family: 'Roboto', sans-serif;}
.content{background:#fff;padding:10px;margin-bottom:40px;margin-top:100px !important;}

.content-largeheader{margin-top:52px !important;padding:49px 0;text-align:center;font-size:20px;}
.content-largeheader b {display: block;color:#fff;font-size:40px;}
.content-largeheader-terrain {background: url(/fr/guide/images/guide-header-terrain.jpg) no-repeat center center !important; }
.moteur_guide {background:#dadada}
.guide {color:#000 !important}
.guide h2 {color:#3f80c4;}
.guide_aside ul {list-style: none;padding:0;margin:0;text-align: left;border-top:1px solid #b3b3b3;padding:10px 0;}
.guide_aside ul a {color:#000}


.guide .sommaire ul >li .lienlabel a span{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}

.guide .sommaire ul > ul >li .lienlabel a span{
    font-weight: bold;
    font-size: 14px;

}
.guide .sommaire ul ul ul ul{
    margin-top: 0px;
}

.guide .sommaire ul ul ul >li .lienlabel{

    margin-top: 10px;
    margin-bottom: 5px;
}

.guide .sommaire ul ul ul >li .lienlabel a span{
    text-transform:capitalize;
    font-weight: normal;
}

.guide .sommaire ul ul ul ul >li .lienlabel{
    margin-top: 0px;
    margin-bottom: 0px;
}

.guide .sommaire ul ul ul ul >li .lienlabel a span{
    font-weight: normal;
    color: #59616c !important;
}
iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}


.content-nomargin{margin-top:0px !important;}
.modal-connect{box-shadow:0 0 2px rgba(0,0,0,0.5);background:#fff;padding:10px;margin-bottom:40px; padding:15px;}
.footer{padding: 80px 0; background:#333333;font-size:0.8em;color:#fff;border-top:1px solid #000;font-family:'Open Sans',sans-serif;}
.footer h2,.footer h3 {font-size:1em;font-family:'Open Sans',sans-serif;}
.footer a {color:#3f7fc2; padding-left:10px;}
.liens{
    margin-top: 15px;
}
.liens ul{
    margin-top: 15px;
    list-style: none;
    padding: 0;
}
.liens li{
    /*    border-bottom: 1px dotted #ccc;*/
    padding-bottom: 5px;
}
/*.liens{border-left:1px solid #1976D2;margin-top:20px;border:1px solid #e0e0e0}
.liens li{list-style:none;padding:15px; border-bottom: 1px dotted #ccc;}*/
.liens li a{color:#8f8f8f;border-bottom:1px solid #e0e0e0;line-height:1.5rem;padding:15px;display:block;font-size:1em}
.liens a:hover{color:#3f7fc2;background:#ddd}
.liens ul{list-style:none;padding:0}
.image{padding:0 20px 0 0}
.website{display:none}
#btn_blue{margin:8px auto;display:block;width:250px;background-color:#1c84e6;color:#fff;text-decoration:none;text-align:center;padding:10px 5px}
#btn_blue:hover{background-color:#1a73c7}
.image img{border:1px solid #8d8d8d;padding:1px;}
@media (max-width: 480px) {
    .image {text-align:center;margin-bottom:10px;}
    .image img{border:1px solid #626262;padding:1px;width:100%;}
    h1{font-size:1.4em !important;font-weight:bold;}
    h2{font-size:1.1em !important;font-weight:bold;}
    body{padding:0!important}
    .logo{width:100%;padding:10px 0!important;width:100%}
    .topbar{
        height: 40px;
    }
}
@media (max-width: 480px){
    .logo .img-logo{width:45%!important}
}
@media (min-width: 480px){
    .modal-connect .logo{
        padding: 0;
    }
    .modal-connect .logo{
        width: 100% !important;
    }
}
@media (max-width:1025px) {
    .content {margin:10px;}
}
/*normalize*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:1.8em;margin:.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
/*rotation home*/
.ri-grid{margin:30px auto;position:relative;height:auto}
.ri-grid ul{list-style:none;display:block;width:100%;margin:0;padding:0}
.ri-grid ul:before,.ri-grid ul:after{content:'';display:table}
.ri-grid ul:after{clear:both}
.ri-grid ul{zoom:1}
.ri-grid ul li{-webkit-perspective:400px;-moz-perspective:400px;-o-perspective:400px;-ms-perspective:400px;perspective:400px;margin:0;padding:0;float:left;position:relative;display:block;overflow:hidden;background:#000}
.ri-grid ul li a{padding:5px;display:block;outline:none;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;background-color:#333;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.ri-grid-size-1{width:100%}
.ri-shadow:after,.ri-shadow:before{content:"";position:absolute;z-index:-2;bottom:15px;left:10px;width:50%;height:20%;max-width:300px;max-height:100px;box-shadow:0 15px 10px rgba(0,0,0,0.7);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}
.ri-shadow:after{right:10px;left:auto;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}
.ri-grid-loading:after,.ri-grid-loading:before{display:none}
.ri-loading-image{display:none}
.ri-grid-loading .ri-loading-image{position:relative;width:30px;height:30px;left:50%;margin:100px 0 0 -15px;display:block}
/*knack*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{margin:0;padding:0}
ul,ol{padding-left:2em}
ul.unstyled{list-style:none}
img{height:auto;vertical-align:middle;border:0}
blockquote,figure{margin-left:0;margin-right:0}
audio,canvas,video{display:inline-block}
svg:not(:root){overflow:hidden}
html{font-size:62.5%;font-size:-webkit-calc(.625em);font-size:calc(.625em);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}

p,.p-like,ul,ol,dl,blockquote,pre,td,th,label,textarea,caption,details,figure{margin-top:.75em;margin-bottom:0;line-height:1.5}
.smaller{font-size:.71em}
.small{font-size:.86em}
.big{font-size:1.14em}
.bigger{font-size:1.29em}
.biggest{font-size:1.43em}
code,pre,samp,kbd{white-space:pre-line;white-space:pre-wrap;font-family:Consolas,'DejaVu Sans Mono',Courier,monospace;line-height:normal}
em,.italic,address,cite,dfn,i,var{font-style:italic}
strong,.bold{font-weight:700}
small,sub,sup{font-size:smaller}
.visually-hidden{position:absolute!important;border:0!important;height:1px!important;width:1px!important;padding:0!important;overflow:hidden!important;clip:rect(1px,1px,1px,1px)!important}
body>script{display:none!important}
@media (max-width:768px) {
    .no-small-screen{display:none}
}
@media (min-width:1280px) {
    .no-large-screen{display:none}
}
p:first-child,.p-like:first-child,ul:first-child,ol:first-child,dl:first-child,blockquote:first-child,pre:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}
li p,li .p-like,li ul,li ol{margin-top:0;margin-bottom:0}
img,table,td,blockquote,code,pre,textarea,input,video{max-width:100%}
table{margin-bottom:20px}
.mod{overflow:hidden}
.clear,.line,.row{clear:both}
.clearfix:after,.line:after{content:"";display:table;clear:both;border-collapse:collapse}
.row{display:table;table-layout:fixed;width:100%}
.row>*,.col{display:table-cell;vertical-align:top}
.inbl{display:inline-block;vertical-align:top}
.left,.start{float:left}
img.left,img.start{margin-right:10px}
.right,.end{float:right}
img.right,img.end{margin-left:10px}
img.left,img.right,img.start,img.end{margin-bottom:5px}
.center{margin-left:auto;margin-right:auto}
.txtleft{text-align:left}
.txtright{text-align:right}
.txtcenter{text-align:center}
.w10{width:10%}
.w20{width:20%}
.w25{width:25%}
.w30{width:30%}
.w33{width:33.3333%}
.w40{width:40%}
.w50{width:50%}
.w60{width:60%}
.w66{width:66.6666%}
.w70{width:70%}
.w75{width:75%}
.w80{width:80%}
.w90{width:90%}
.w100{width:100%}
.w50p{width:50px}
.w100p{width:100px}
.w150p{width:150px}
.w200p{width:200px}
.w300p{width:300px}
.w400p{width:400px}
.w500p{width:500px}
.w600p{width:600px}
.w700p{width:700px}
.w800p{width:800px}
.w960p{width:960px}
.mw960p{max-width:960px}
.w1140p{width:1140px}
.mw1140p{max-width:1140px}
.wauto{width:auto}
.man{margin:0}
.pan{padding:0}
.mas{margin:10px}
.mam{margin:20px}
.mal{margin:40px}
.pas{padding:10px}
.pam{padding:20px}
.pal{padding:40px}
.mtn{margin-top:0}
.mts{margin-top:10px}
.mtm{margin-top:20px}
.mtl{margin-top:40px}
.mrn{margin-right:0}
.mrs{margin-right:10px}
.mrm{margin-right:20px}
.mrl{margin-right:40px}
.mbn{margin-bottom:0}
.mbs{margin-bottom:10px}
.mbm{margin-bottom:20px}
.mbl{margin-bottom:40px}
.mln{margin-left:0}
.mls{margin-left:10px}
.mlm{margin-left:20px}
.mll{margin-left:40px}
.ptn{padding-top:0}
.pts{padding-top:10px}
.ptm{padding-top:20px}
.ptl{padding-top:40px}
.prn{padding-right:0}
.prs{padding-right:10px}
.prm{padding-right:20px}
.prl{padding-right:40px}
.pbn{padding-bottom:0}
.pbs{padding-bottom:10px}
.pbm{padding-bottom:20px}
.pbl{padding-bottom:40px}
.pln{padding-left:0}
.pls{padding-left:10px}
.plm{padding-left:20px}
.pll{padding-left:40px}
.grid{overflow:hidden}
.grid>*{display:block;padding:0;margin-left:-20px;text-align:left}
.grid>*>*{display:inline-block;padding-left:21px;margin-left:0;vertical-align:top}
:root .grid{font-size:0;text-justify:distribute-all-lines}
:root .grid>*>*{font-size:14px;font-size:1.4rem}
.opera:-o-prefocus,.grid>*{word-spacing:-.43em}
.grid2>*{width:50%}
.grid3>*{width:33.333%}
.grid4>*{width:25%}
.grid5>*{width:20%}
.grid6>*{width:16.667%}
.grid8>*{width:12.5%}
.grid10>*{width:10%}
.grid12>*{width:8.333%}
.grid2-1>:first-child,.grid1-2>*+*{width:66.666%}
.grid1-2>:first-child,.grid2-1>*+*{width:33.333%}
.grid1-3>:first-child,.grid3-1>*+*{width:25%}
.grid3-1>:first-child,.grid1-3>*+*{width:75%}
[class*="autogrid"]{text-align:justify}
[class*="autogrid"]:after{content:"";display:inline-block;width:100%}
[class*="autogrid"]>*{display:inline-block;vertical-align:top;text-align:left}
:root [class*="autogrid"]{font-size:0;text-justify:distribute-all-lines}
:root [class*="autogrid"]>*{font-size:13px;font-size:1.3rem}
[class*="autogrid"]:-o-prefocus{word-spacing:-.43em}
.autogrid2>*{width:49%}
.autogrid3>*{width:32%}
.autogrid4>*{width:23.6%}
.autogrid5>*{width:19%}
.autogrid6>*{width:15%}
.autogrid8>*{width:10.8%}
.autogrid10>*{width:9%}
.autogrid12>*{width:6.4%}
table,.table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;vertical-align:top;border:1px solid #ccc}
.table{display:table}
table#recaptcha_table,table.table-auto{table-layout:auto}
caption{padding:10px;color:#555;font-style:italic}
td,th{padding:.3em .8em;border:1px #aaa dotted;vertical-align:top;min-width:20px;cursor:default;text-align:left}
.btn{display:inline-block}
form,fieldset{border:none}
input,button,select,label,.btn{vertical-align:middle;font-family:inherit;font-size:inherit}
label{display:inline-block;vertical-align:middle;cursor:pointer}
legend{border:0;white-space:normal}
textarea{min-height:5em;vertical-align:top;font-family:inherit;font-size:inherit;resize:vertical}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}
input[type="search"]{-webkit-appearance:textfield}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none}
::-webkit-input-placeholder{color:#777}
input:-moz-placeholder,textarea:-moz-placeholder{color:#777}
button::-moz-focus-inner,input[type='button']::-moz-focus-inner,input[type='reset']::-moz-focus-inner,input[type='submit']::-moz-focus-inner{border:0;padding:0}
.icon{display:inline-block}
.icon:before,.icon.after:after{content:"";display:inline-block;vertical-align:middle;position:relative;top:-.1em;margin:0 .3em 0 0;font:1.4em/1 sans-serif;color:#000;text-shadow:1px 1px 0 rgba(0,0,0,0.1);speak:none}
@media (min-device-width:768px) {
    .icon:before,.icon.after:after{font:1em/.6 sans-serif;-webkit-transform:rotateZ(.05deg)}
}
.icon.after:after{margin:0 0 0 8px}
.icon.after:before{content:""!important}
.icon-rate:before,.icon-rate.after:after{content:"\2605"}
.icon-unrate:before,.icon-unrate.after:after{content:"\2606"}
.icon-check:before,.icon-check.after:after{content:"\2713"}
.icon-uncheck:before,.icon-uncheck.after:after{content:"\2717"}
.icon-cloud:before,.icon-cloud.after:after{content:"\2601"}
.icon-dl:before,.icon-dl.after:after{content:"\21E3";font-weight:700}
.icon-cross:before,.icon-cross.after:after{content:"\2716";font-weight:700}
.icon-arrow1:before,.icon-arrow1.after:after{content:"\2192";position:relative;top:-.15em}
.icon-arrow2:before,.icon-arrow2.after:after{content:"\279E"}
.icon-arrow3:before,.icon-arrow3.after:after{content:"\279A"}
.icon-bracket1:before,.icon-bracket1.after:after{content:"\2039";font-weight:700;font-size:1.6em;position:relative;top:-.15em}
.icon-bracket2:before,.icon-bracket2.after:after{content:"\203A";font-weight:700;font-size:1.6em;position:relative;top:-.15em}
.icon-up:before,.icon-up.after:after{content:"\25B2"}
.icon-down:before,.icon-down.after:after{content:"\25BC"}
.icon-bull:before,.icon-bull.after:after{content:"\2022";font-size:1.2em;top:-.05em}
.icon-bull2:before,.icon-bull2.after:after{content:"\25E6";top:-.05em}
.icon-bull3:before,.icon-bull3.after:after{content:"\2023";font-size:1.6em;top:-.05em}
.icon-nav:before,.icon-nav.after:after{content:"\2261";font-weight:700}
.icon-losange:before,.icon-losange.after:after{content:"\25C6"}
.icon-asteri:before,.icon-asteri.after:after{content:"\2731";font-weight:700}
.icon-mail:before,.icon-mail.after:after{content:"\2709";font-size:1.6em;top:-.05em}
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.flex-h{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
.flex-v{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.flex-fluid{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.flex-start{-webkit-box-ordinal-group:0;-webkit-order:-1;-ms-flex-order:-1;order:-1}
.flex-mid{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1}
.flex-end{-webkit-box-ordinal-group:43;-webkit-order:42;-ms-flex-order:42;order:42}
@media (min-width:1025px) {
    .large-hidden{display:none!important}
    .large-visible{display:block!important}
    .large-no-float{float:none}
    .large-inbl{display:inline-block;float:none;vertical-align:top}
    .large-row{display:table;table-layout:fixed;width:100%!important}
    .large-col{display:table-cell;vertical-align:top}
    .large-w25{width:25%!important}
    .large-w33{width:33.3333%!important}
    .large-w50{width:50%!important}
    .large-w66{width:66.6666%!important}
    .large-w75{width:75%!important}
    .large-w100,.large-wauto{display:block!important;float:none!important;clear:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;border:0}
    .large-man{margin:0!important}
    .grid5>*,.grid6>*,.grid8>*,.grid10>*,.grid12>*{width:33.333%}
    .autogrid5>*,.autogrid6>*,.autogrid8>*,.autogrid10>*,.autogrid12>*{width:32%}
}
@media (min-width:769px) and (max-width:1024px) {
    .medium-hidden{display:none!important}
    .medium-visible{display:block!important}
    .medium-no-float{float:none}
    .medium-inbl{display:inline-block;float:none;vertical-align:top}
    .medium-row{display:table;table-layout:fixed;width:100%!important}
    .medium-col{display:table-cell;vertical-align:top}
    .medium-w25{width:25%!important}
    .medium-w33{width:33.3333%!important}
    .medium-w50{width:50%!important}
    .medium-w66{width:66.6666%!important}
    .medium-w75{width:75%!important}
    .medium-w100,.medium-wauto{display:block!important;float:none!important;clear:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;border:0}
    .medium-man{margin:0!important}
}
@media (min-width:481px) and (max-width:768px) {
    .mod,.col,fieldset{display:block!important;float:none!important;clear:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;border:0}
    .w600p,.w700p,.w800p,.w960p,.mw960p{width:auto;float:none}
    .small-hidden{display:none!important}
    .small-visible{display:block!important}
    .small-no-float{float:none}
    .small-inbl{display:inline-block;float:none;vertical-align:top}
    .small-row{display:table!important;table-layout:fixed!important;width:100%!important}
    .small-col{display:table-cell!important;vertical-align:top!important}
    .small-w25{width:25%!important}
    .small-w33{width:33.3333%!important}
    .small-w50{width:50%!important}
    .small-w66{width:66.6666%!important}
    .small-w75{width:75%!important}
    .small-w100,.small-wauto{display:block!important;float:none!important;clear:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;border:0}
    .small-man{margin:0!important}
    .small-pan{padding:0!important}
    .grid3>*,.grid4>*,.grid5>*,.grid6>*,.grid8>*,.grid10>*,.grid12>*{width:50%}
    .autogrid5>*,.autogrid6>*,.autogrid8>*,.autogrid10>*,.autogrid12>*{width:49%!important}
}
@media (max-width:480px) {
    .w300p,.w400p,.w500p{width:auto;float:none}
    .row{display:block!important;width:100%!important}
    .tiny-hidden{display:none!important}
    .tiny-visible{display:block!important}
    .tiny-no-float{float:none}
    .tiny-inbl{display:inline-block;float:none;vertical-align:top}
    .tiny-row{display:table!important;table-layout:fixed!important;width:100%!important}
    .tiny-col{display:table-cell!important;vertical-align:top!important}
    th,td{display:block!important;width:auto!important;text-align:left!important}
    thead{display:none}
    .tiny-w25{width:25%!important}
    .tiny-w33{width:33.3333%!important}
    .tiny-w50{width:50%!important}
    .tiny-w66{width:66.6666%!important}
    .tiny-w75{width:75%!important}
    .tiny-w100,.tiny-wauto{display:block!important;float:none!important;clear:none!important;width:auto!important;margin-left:0!important;margin-right:0!important;border:0}
    .tiny-man{margin:0!important}
    .tiny-pan{padding:0!important}
    .grid>*>*{width:100%!important}
    [class*="autogrid"]>*{width:100%!important}
    .search-home [class*="autogrid"] > div:nth-child(2){margin-bottom: 15px}
}
@media print {
    *{background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}
    body{width:auto!important;margin:auto!important;font-family:serif;font-size:12pt;background-color:#fff!important;color:#333!important}
    p,h1,h2,h3,h4,h5,h6,blockquote,ul,ol{color:#000!important;margin:auto!important}
    .print{display:block}
    .no-print{display:none}
    img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}
    p,blockquote{orphans:3;widows:3}
    blockquote,ul,ol{page-break-inside:avoid}
    h1{page-break-before:always}
    h1,h2,h3,caption{page-break-after:avoid}
    a{color:#000!important;text-decoration:underline!important}
    a[href]:after{content:" (" attr(href) ")"}
    a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
}
.skip-links{position:absolute}
.skip-links a{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);padding:.5em;background:#000;color:#fff;text-decoration:none}
.skip-links a:focus{position:static;overflow:visible;clip:auto}
@media (max-width:768px) {
    div,textarea,table,td,th,code,pre,samp{word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}
}
.gm-style img{height:100%}
:not(.gm-style) img{height:auto}
.gm-style img,.gmnoscreen img,.gmnoprint img{max-width:none!important}
.ie67 *{ }
.ie678 h1,.ie678 .h1-like{font-size:2.29em}
.ie678 h2,.ie678 .h2-like{font-size:2em}
.ie678 h3,.ie678 .h3-like{font-size:1.71em}
.ie678 h4,.ie678 .h4-like{font-size:1.43em}
.ie678 h5,.ie678 .h5-like{font-size:1.29em}
.ie678 h6,.ie678 .h6-like{font-size:1.14em}
.ie678 img{width:auto}
.ie678 .gm-style img{height:100%}
.clearfix,.line,.mod,.row,.col{*zoom:1}
.btn,.col,.inbl{*display:inline;*zoom:1}
.visually-hidden{*clip:rect(1px 1px 1px 1px)}
.ie8 .grid>*,.ie8 [class*="autogrid"]>*{letter-spacing:-.31em;text-rendering:optimizespeed}
.ie8 .grid>*>*,.ie8 [class*="autogrid"]>*>*{letter-spacing:normal;word-spacing:normal;text-rendering:auto}
.grid>*>*,[class*="autogrid"]>*>*{*display:inline;*zoom:1}
.ie678 input[type="checkbox"],.ie678 input[type="radio"]{padding:0}
.ie678 textarea{overflow:auto}
code,kbd,mark{border-radius:2px}
kbd{padding:0 2px;border:1px solid #999}
code{padding:2px 4px;background:rgba(0,0,0,0.04);color:#b11}
pre code{padding:0;background:none;color:inherit;border-radius:0}
mark{padding:2px 4px;background:#ff0}
sup,sub{vertical-align:0;position:relative}
sup{bottom:1ex}
sub{top:.5ex}
blockquote{position:relative;padding-left:3em}
blockquote:before{content:"\201C";position:absolute;left:0;top:0;font-family:georgia,serif;font-size:5em;line-height:.9;color:rgba(0,0,0,0.3)}
blockquote>footer{margin-top:.75em;font-size:.9em;color:rgba(0,0,0,0.7)}
blockquote>footer:before{content:"\2014 \0020"}
q{font-style:normal}
q,.q{quotes:"“\00a0" "\00a0”"}
q:lang(fr),.q:lang(fr){quotes:"«\00a0" "\00a0»"}
hr{display:block;clear:both;height:1px;margin:1em 0 2em;padding:0;border:0;color:#ccc;background-color:#ccc}
.alternate{border:0}
.alternate tbody{border:1px solid #ccc}
.alternate thead tr>*+*{border-left:0}
.alternate tbody tr>*+*{border-left:1px solid #ccc}
.alternate-vert{border:0;border-right:1px solid #ccc}
.alternate-vert tr>:first-child{border-bottom:0}
.alternate-vert tr>*+*{border-top:1px solid #ccc}
.striped tbody tr:nth-child(odd){background:#eee;background:rgba(0,0,0,0.05)}
.striped-vert tr>:first-child{background:#eee;background:rgba(0,0,0,0.05)}
.grid12 > *{
    width:  8.33% !important;
    float: left;
}
.item{
    border-radius: 8px;
    float: left;
    margin: 10px 3%;
}
.bg{
    z-index: -1;
    position: absolute;
    height: 100%;
    position: fixed !important;
    opacity: 0.2;
    visibility: visible;
    width: 100%;
    -webkit-animation:scrollBgGridLinks 35s linear;animation:scrollBgGridLinks 35s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards
}
@keyframes scrollBgGridLinks {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-330px);
    }
}


@media (max-width:481px){
    .modal-connect{
        width: 80%;
        /*   left: 10%;
        top: 5%;*/
    }


    .cd-primary-nav > li{
        line-height: 40px;
    }
}
@media (min-width:480px) {
    .modal-connect{
        width: 30%;
        /*left: 40%;
        top: 15%;*/
    }

    #mur {
        height:96.2% !important;
    }
}
@media (min-width: 768px) and (max-width: 980px)  {
    .modal-connect{
        width: 50%;
    }
}
.modal-connect{
    background-size: cover;
    border-radius: 6px;
    box-shadow: 0 -5px 8px rgba(0, 0, 0, 0.5);
    margin: 0 auto;
    z-index: 1;
    margin: 10% auto;
    z-index: 1;
    background: url('../images/bg-login.jpg')
}
.menu-bottom{
    background: #161616;
}
.menu-bottom ul li{
    display: inline;
    padding: 0 2%;
}
.menu-bottom ul li a{
    color: #fff;
    font-size: 11px;
    height: 3em;
    line-height: 3em;
}
.btncircle{
    background: #5a5656;
    border-radius: 50%;
    color: #f4f4f4;
    display: block;
    font-size: 0.8em;
    height: 40px;
    line-height: 40px;
    margin: 10px auto;
    text-align: center;
    text-transform: uppercase;
    width: 40px;
}
.intro h3{
    color: #000;
}
.abonne{
    color: #fff;
}
.abonne input{
    margin-left: 5px;
}
.nav{
    position: relative;
}
.logoco{
    position: relative;
    padding: 5px;
    width: 100%;
}
@media (min-width:480px) {
    /*
    .cd-nav-item:nth-child(1){
    width: 15%;
}
    */
    .logomob{ display: none;}
}
@media (max-width:480px) {
    .cd-nav-item:nth-child(1){
        display: none;
    }
    .logomob{
        position: absolute;
        top: 6px;
        width: 30%;
    }
    .mtl{
        margin-top: 0 !important;
    }
    .botbar{
        margin: 0 !important;
    }
}
.whitebg h3{
    color: #000
}
.botbar{
    font-weight: 300;
    background: white;
    padding: 15px 0;
    margin: -30px 0;
    font-size: 18px;
    text-align: center;
    box-shadow: 0 2px 7px 0 #c8c8c8;
}
.botbar span{
    font-weight: 500;
    padding-left: 15px ;
}
.botbar .ag{
    color: #1b84e6;
}
.botbar .bi{
    color: #97BF0D;
}
.botbar .part{
    color: #F25802;
}
.footer ul{
    padding: 1em 0;
    text-align: center;
}
.footer ul li{
    display: inline;
    padding-right: 1em;
}
.blue-btn {background-color:#1c84e7;border:0;color:#fff;font-size:18px;}
.w97 {width:97%}
#photo_principal {width:100%}
.detail_add_selection {}
.vignette img {width:20%;padding:2px;}
.annonce .formulaire {background:#efefef;}
.annonce .formulaire b {background:#e8e8e8;color:#000;text-align:center;display:block; font-size:24px;position: relative;width:100%;margin-bottom:25px;}
.annonce .formulaire b:after { content:" ";width: 0; height: 0;position: absolute; top: 100%; left: 45%;  pointer-events: none;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #E8E8E8;}
/*.annonce .titre h3 {color:#212121;font-size:18px;font-weight:normal;text-align:left;}*/
.annonce .contact_agence {color:#9d9d9d;font-size:24px;font-weight:normal;text-align:center;}
.localisation {color:#a2a2a2;text-align:center;display:block;font-weight:normal;}
.recapitulatif_produit {background:#f6f6f6;border-top:1px solid #dbdbdb;font-size:12px;}
.last_contact {background-color:#e9e9e9;}
.last_contact h3 {text-align:left;}
/*tab*/
ul.tabs-menu{margin:0;padding:0;width:100%;display:block; }
ul.tabs-menu li { list-style:none; display:inline; width:33%;float:left;}
ul.tabs-menu a h3{color:#c7c7c7 !important}
ul.tabs-menu .current  a h3{color:#232323 !important}
.tab-content { display: none;}
#tab-1 {display: block;   }
/*
ACCORDEON
*/
.ac-container{
    width: 100%;
    margin: 20px auto;
    text-align: left;
}
.ac-container label{
    padding: 5px;
    text-align: center;
    position: relative;
    z-index: 2;
    display: block;
    height: 40px;
    cursor: pointer;
    color: #777;
    line-height: 30px;
    font-size: 1.2rem;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
    box-shadow:
        0px 0px 0px 1px rgba(155,155,155,0.3),
        1px 0px 0px 0px rgba(255,255,255,0.9) inset,
        0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover{
    background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
    background: #0e7be4;
    color: #FFF;
    text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
    box-shadow:
        0px 0px 0px 1px rgba(155,155,155,0.3),
        0px 2px 2px rgba(0,0,0,0.1);
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px;
}


.ac-container input{
    display: none;
}
.ac-container article{
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
    font-style: italic;
    color: #777;
    line-height: 23px;
    font-size: 14px;
    /*	padding: 20px;*/
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.ac-container input:checked ~ article{
    -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}
.ac-container input:checked ~ article.ac-small{
    height: 500px;
}
.ac-container input:checked ~ article.ac-medium{
    height: 180px;
}
.ac-container input:checked ~ article.ac-large{
    height: 230px;
}

/*nouvelle page annonce*/

.historique-prix {
    background-color: #f1f1f1;
    text-align: center;
    padding: 20px !important;
}

.historique-prix .w75,
.historique-prix  .w25 {
    display: inline-block;
    vertical-align: middle;
}

.historique-prix  .w25 {
    padding: 10px 0;
}

.historique-prix  a {
    color: #000;
}

.historique-prix .titre3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.btn-dl {border:1px solid #3e80c2; display:block;margin:20px 0;background:#3e80c2;color:#fff;}

#guide .titre-page {
    color: #1D1D1D;
    font-size: 49px;
    font-weight: 800;
    /*! text-transform: lowercase; */
    text-align: center;
    /* margin: 200px 0 128px 0; */
    margin: 113px 0 0 0;
    line-height: 1;
    text-shadow: none;
}
.titre-page span.blue {
    color: #3e80c2;
    font-size: 40px;
}

.etoile_b {
    height: 18px!important;
    margin: 0 4px;
}
.margin-bottom {
    margin-bottom: 560px;
}

.text_estimation {
    text-align: justify;
}


/*PAGE ESTIMATION*/
#estim_container {
    background: #f9f9f9;
    border: 1px solid #d0d0d0;
    padding: 20px;
    margin-top: 50px;
    width: 100%;
}
#estim_container ul {
    list-style-type: square;
    padding-bottom: 10px;
}
#estim_container ul li {
    line-height: 25px;
}
#estim_container p {
    font-size: 18px;
    font-weight: 600;
    padding-top: 10px;
    padding-left: 10px;
}
.bottom-estim {
    padding-bottom: 15px;
}


/*FOOTER*/

.footer {
    padding: 80px 20px;
    background: #333333;
    font-size: 0.8em;
    color: #fff;
    border-top: 1px solid #000;
    font-family: 'Open Sans', sans-serif;

}
.footer_credits{
    padding: 40px 15px;
    background: #1c242e;
    color: #ffffff;
    font-size: 12px;
}
.footer_credits a{
    color: #ffffff
}


.footer_credits .credits{
    padding-top: 10px;
    color: #696e7e
}
.logo_footer{
    /*    padding: 30px 0 0*/
}
.footer_credits .txtbluegrey{
    font-weight: 100;
    text-transform: uppercase;
    font-size: 16px;
    color: #696e7e
}
.footer h2,
.footer h3 {
    font-size: 1em;
    font-family: 'Open Sans', sans-serif;
}

.footer a {
    color: #407dc0;
}

.footer_credits ul {
    border-left: 1px solid #696e7e;
    padding: 0 15px;
    min-height: 40px;
}

.footer_credits ul li {
    /*    display: inline;*/
    padding-right: 0;
    list-style: none;
    line-height: 20px
}

@media (min-width:480px) {
    .footer_credits > .line {
        display: -webkit-box;    display: -ms-flexbox;    display: flex
    }
    .footer_credits > .line > div{
        width: 25%;
    }
    .logo_footer{
        margin-bottom: 30px
    }

}

/*Correction width google map 28/09/18*/
div#divmapi{
  width:100%;
}

/*Correction: ajout d'un div no-result*/
div.search_no_result{
  height:400px;
}

#bandeau_maintenance{
  height:20px;
  padding:10px 0 10px 0;
  width:calc(100% - 2px);
  background-color:#fcf8e3;
  color:#8a6d3b;
  border:#faebcc 1px solid;
  text-align:center;
  position:fixed;
  top:50px;
  left:0;
  font-size:15px;
  font-weight:bold;
  box-sizing:initial;

}

#bandeau_maintenance input{
  float: right;
  padding: 5px 7px 5px 7px;
  margin-top: -5px;
  margin-right: 10px;
  background-color: #fcf8e3;
  color: #8a6d3b;
  border: #faebcc 1px solid;
  transition-duration:0.2s;
  cursor:pointer;
  width:auto !important;
}

#bandeau_maintenance input:hover{
  background-color:#8a6d3b;
  color:#fcf8e3;

}
/*PAGE 404*/
.align-center{
    text-align: center;
    margin-top: 50px;
}
.align-left{
    text-align: left;
}

.btn-404{
    background:#fff;
    border: 1px solid #3e80c2!important;
    transition:all 0.3s ease-in-out;
    line-height: 20px;
    width: auto;
    padding: 5px;
    display: block;
    margin-top: 5px;
}
.btn-404:hover{
    background:#3e80c2;
    border: 1px solid #3e80c2;
    transition:all 0.3s ease-in-out;
}
.btn-404 a{
    color:#3e80c2;
    transition:all 0.3s ease-in-out;
}
 a .btn-404:hover{
    color:#fff;
    transition:all 0.3s ease-in-out;
}
.pictos-404{
    width: 50px;;
}
.txt-404{
    font-size: 2rem;
    font-weight: 600
}