/*
Theme Name: Nde immo 
Theme URI: 
Author: Alexandre JEANDON
Author URI: 
Description: Site de mono annonce immobilière.
Version: 1.0
License: 
License URI: 
Tags:  
Text Domain: 
*/

/*MEDIA QUERIES*/
@media all and (min-width: 1193px)
{   

/* reset classic */
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: sans-serif;
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    text-decoration: none; 
}

body
{
    color: #8B8B8B;
    margin-top: 75px;
    -webkit-overflow-scrolling: touch;
}

iframe {
    pointer-events: none;
    padding-bottom: 10px;
}

img
{
    width: 100%;
    height: 100%;
}


/*header*/

.logo img
{
    position: relative;
    top: 10px;
    width: 140px;
}

#header
{   position: fixed;
    top: 0px;
    width: 100%;
    background: #fff;
    z-index: 99999;
    min-height: 74px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.8);
}

#header h1
{
    font-family: sans-serif;
    font-size: 32px;
    font-weight: 800;
}

.h1_vrt
{
    font-size: 35px;
    font-weight: 700;
    color: #9be96e;
}

.h1_bl
{
    color: #7ccffa;
}

ul
{
    position: relative;
    margin-top: 20px;
    list-style: none;
    display: inline-block;
    float: right;
}

ul li
{
    font-size: 18px;
    padding: 7px;
    border: solid 1px #0776b1;
    border-radius: 4px;
}

ul li:hover
{
    background-color: rgba(7,118,177,0.5);
    color: #fff;
    transition: all ease 0.5s;
}

.contact
{
    color: #8B8B8B;
}
.contact:hover
{
    color: #8B8B8B;
    text-decoration: none;
}
.contact:focus
{
    color: #8B8B8B;
    text-decoration: none;
}


/*cont slider*/

#cont_slider
{
    background-color: #F5F6F8;
    padding-top: 60px;
    padding-bottom: 60px;
    box-shadow: 0 1px 0 #dde0e7;
}

#cont_slider img
{
    width: 100%;
    height: 300px;
}

.slide_bk
{
    padding-right: 30px;
    border-right: solid 2px #919ab0;
    min-height: 300px;
}

#bk_detail_vente
{
    position: relative;
    left: 10px;
    border: solid 1px #dde0e7;
    background-color: #fff;
    padding-left: 30px;
    min-height: 300px;
}

#bk_detail_vente h3
{
    font-size: 30px;
    color: #525252;
}

/*Description du bien*/

#desc_bien
{
    position: relative;
    z-index: 999;
    padding-top: 35px;
    padding-bottom: 35px;
    box-shadow: 0 1px 0 #dde0e7;
}

#desc_bien h3
{
    text-align: center;
    font-size: 30px;
    color: #525252;
    
}

.para_desc
{
    font-size: 16px;
    text-align: center;
}

/* caracteristique */

#caracteristique
{
    background-color: #F5F6F8;
    padding-top: 35px;
    padding-bottom: 35px;
}

.title_cara
{
    background-color: #fff;
    border: solid 1px #dde0e7;
}

.title_cara h3
{
    text-align: center;
    font-size: 30px;
    color: #525252;
}

.body_cara
{
    background-color: #fff;
    margin-top: 35px;
    border: solid 1px #dde0e7;
}

.h4_cara
{
    background-color: #d6dae2;
    font-size: 20px;
    color: #525252;
    padding: 10px;
}

.h4_ener
{
    background-color: #fff;
    font-size: 20px;
    color: #525252;
    padding: 10px;
}

.span_right
{
    float: right;
    padding-right: 25px;
}

#classe_energetique
{
    background-color: #d6dae2;
}

.ener_a
{
    color: #000;
    border: solid 1px #000;
    float: right;
    margin-right: 25px;
    padding: 2px;
}

/*localisation du bien*/
.loc_map
{
    margin-top: 25px;
    border-top: solid 1px #dde0e7;
}

.loc_map h3
{
    text-align: center;
    font-size: 30px;
    color: #525252;
}

/*footer*/

#footer
{
    background-color: #2d2d2d;
    border-top: solid 2px #676767;
    color: #fff;
}

.copyright
{
    padding: 10px;
}

.cop_a
{
    color: #fff;
}
.cop_a:hover
{
    text-decoration: none;
    color: #fff;
}
.cop_a:focus
{
    text-decoration: none;
    color: #fff;
}

.top img
{
    position: relative;
    width: 50px;
    left: 50%;
    padding: 10px;
}

/*slider*/

/* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }

        /* jssor slider thumbnail navigator skin 01 css */
        /*
        .jssort01 .p            (normal)
        .jssort01 .p:hover      (normal mouseover)
        .jssort01 .p.pav        (active)
        .jssort01 .p.pdn        (mousedown)
        */
        .jssort01 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 72px;
            height: 72px;
        }
        
        .jssort01 img
        {
            width: 680px;
            height: 300px;
        }
        
        .jssort01 .t {
            /*position: absolute;
            top: 0;
            left: 0;*/
            width: 680px;
            height: 300px;
            border: none;
        }
        
        .jssort01 .w {
            /*position: absolute;
            top: 0px;
            left: 0px;*/
            width: 680px;
            height: 300px;
        }
        
        .jssort01 .c {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 68px;
            height: 68px;
            border: #000 2px solid;
            box-sizing: content-box;
            background: url('img/t01.png') -800px -800px no-repeat;
            _background: none;
        }
        
        .jssort01 .pav .c {
            top: 2px;
            _top: 0px;
            left: 2px;
            _left: 0px;
            width: 68px;
            height: 68px;
            border: #000 0px solid;
            _border: #fff 2px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p:hover .c {
            top: 0px;
            left: 0px;
            width: 70px;
            height: 70px;
            border: #fff 1px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p.pdn .c {
            background-position: 50% 50%;
            width: 68px;
            height: 68px;
            border: #000 2px solid;
        }
        
        * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
            /* ie quirks mode adjust */
            width /**/: 72px;
            height /**/: 72px;
        }
        

} /* ./ media queries min-width 1193px */

/******************************************************************************************************************************************************************/

/*MEDIA QUERIES*/
@media all and (min-width: 979px) and (max-width: 1193px)
{

/* reset classic */
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: sans-serif;
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    text-decoration: none; 
}

body
{
    color: #8B8B8B;
    margin-top: 75px;
    -webkit-overflow-scrolling: touch;
}

iframe {
    pointer-events: none;
    padding-bottom: 10px;
}

img
{
    width: 100%;
    height: auto;
}


/*header*/

.logo img
{
    position: relative;
    top: 10px;
    width: 140px;
}

#header
{   position: fixed;
    top: 0px;
    width: 100%;
    background: #fff;
    z-index: 99999;
    min-height: 74px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.8);
}

#header h1
{
    font-family: sans-serif;
    font-size: 32px;
    font-weight: 800;
}

.h1_vrt
{
    font-size: 35px;
    font-weight: 700;
    color: #9be96e;
}

.h1_bl
{
    color: #7ccffa;
}

ul
{
    position: relative;
    margin-top: 20px;
    list-style: none;
    display: inline-block;
    float: right;
}

ul li
{
    font-size: 18px;
    padding: 7px;
    border: solid 1px #0776b1;
    border-radius: 4px;
}

ul li:hover
{
    background-color: rgba(7,118,177,0.5);
    color: #fff;
    transition: all ease 0.5s;
}

.contact
{
    color: #8B8B8B;
}
.contact:hover
{
    color: #8B8B8B;
    text-decoration: none;
}
.contact:focus
{
    color: #8B8B8B;
    text-decoration: none;
}


/*cont slider*/

#cont_slider
{
    background-color: #F5F6F8;
    padding-top: 60px;
    padding-bottom: 60px;
    box-shadow: 0 1px 0 #dde0e7;
}

/*#cont_slider img
{
    width: 100%;
    height: 300px;
}*/

.slide_bk
{
    padding-left: 15%;
    /*border-right: solid 2px #919ab0;*/
    min-height: 300px;
    margin-bottom: 30px;
}

#bk_detail_vente
{
    position: relative;
    /*left: 10px;*/
    border: solid 1px #dde0e7;
    background-color: #fff;
    padding-left: 30px;
    min-height: 300px;
}

#bk_detail_vente h3
{
    font-size: 30px;
    color: #525252;
}

/*Description du bien*/

#desc_bien
{
    position: relative;
    z-index: 999;
    padding-top: 35px;
    padding-bottom: 35px;
    box-shadow: 0 1px 0 #dde0e7;
}

#desc_bien h3
{
    text-align: center;
    font-size: 30px;
    color: #525252;
    
}

.para_desc
{
    font-size: 16px;
    text-align: center;
}

/* caracteristique */

#caracteristique
{
    background-color: #F5F6F8;
    padding-top: 35px;
    padding-bottom: 35px;
}

.title_cara
{
    background-color: #fff;
    border: solid 1px #dde0e7;
}

.title_cara h3
{
    text-align: center;
    font-size: 30px;
    color: #525252;
}

.body_cara
{
    background-color: #fff;
    margin-top: 35px;
    border: solid 1px #dde0e7;
}

.h4_cara
{
    background-color: #d6dae2;
    font-size: 20px;
    color: #525252;
    padding: 10px;
}

.h4_ener
{
    background-color: #fff;
    font-size: 20px;
    color: #525252;
    padding: 10px;
}

.span_right
{
    float: right;
    padding-right: 25px;
}

#classe_energetique
{
    background-color: #d6dae2;
}

.ener_a
{
    color: #000;
    border: solid 1px #000;
    float: right;
    margin-right: 25px;
    padding: 2px;
}

/*localisation du bien*/
.loc_map
{
    margin-top: 25px;
    border-top: solid 1px #dde0e7;
}

.loc_map h3
{
    text-align: center;
    font-size: 30px;
    color: #525252;
}

/*footer*/

#footer
{
    background-color: #2d2d2d;
    border-top: solid 2px #676767;
    color: #fff;
}

.copyright
{
    padding: 10px;
}

.cop_a
{
    color: #fff;
}
.cop_a:hover
{
    text-decoration: none;
    color: #fff;
}
.cop_a:focus
{
    text-decoration: none;
    color: #fff;
}

.top img
{
    position: relative;
    width: 50px;
    left: 50%;
    padding: 10px;
}

/*slider*/

/* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }

        /* jssor slider thumbnail navigator skin 01 css */
        /*
        .jssort01 .p            (normal)
        .jssort01 .p:hover      (normal mouseover)
        .jssort01 .p.pav        (active)
        .jssort01 .p.pdn        (mousedown)
        */
        .jssort01 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 72px;
            height: 72px;
        }
        
        .jssort01 img
        {
            width: 680px;
            height: 300px;
        }
        
        .jssort01 .t {
            /*position: absolute;
            top: 0;
            left: 0;*/
            width: 680px;
            height: 300px;
            border: none;
        }
        
        .jssort01 .w {
            /*position: absolute;
            top: 0px;
            left: 0px;*/
            width: 680px;
            height: 300px;
        }
        
        .jssort01 .c {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 68px;
            height: 68px;
            border: #000 2px solid;
            box-sizing: content-box;
            background: url('img/t01.png') -800px -800px no-repeat;
            _background: none;
        }
        
        .jssort01 .pav .c {
            top: 2px;
            _top: 0px;
            left: 2px;
            _left: 0px;
            width: 68px;
            height: 68px;
            border: #000 0px solid;
            _border: #fff 2px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p:hover .c {
            top: 0px;
            left: 0px;
            width: 70px;
            height: 70px;
            border: #fff 1px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p.pdn .c {
            background-position: 50% 50%;
            width: 68px;
            height: 68px;
            border: #000 2px solid;
        }
        
        * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
            /* ie quirks mode adjust */
            width /**/: 72px;
            height /**/: 72px;
        }
        

} /* ./ media queries max-width 1193px */


/**********************************************************************************************************************************************************************
************************************************************************************************************************************************************************/

/*MEDIA QUERIES*/
@media all and (min-width: 0px) and (max-width: 978px)
{

/* reset classic */
* {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: sans-serif;
    font-size: 1em;
    font-weight: normal;
    font-style: normal;
    text-decoration: none; 
}

body
{
    color: #8B8B8B;
    margin-top: 200px;
    -webkit-overflow-scrolling: touch;
}

iframe {
    pointer-events: none;
    padding-bottom: 10px;
}

img
{
    width: 100%;
    height: 100%;
}


/*header*/

.logo img
{
    position: relative;
    top: 10px;
    width: 140px;
}

#header
{   position: fixed;
    top: 0px;
    width: 100%;
    background: #fff;
    z-index: 99999;
    min-height: 74px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.8);
}

#header h1
{
    font-family: sans-serif;
    font-size: 25px;
    font-weight: 800;
}

.h1_vrt
{
    font-size: 25px;
    font-weight: 700;
    color: #9be96e;
}

.h1_bl
{
    color: #7ccffa;
}

ul
{
    position: relative;
    margin-top: 20px;
    list-style: none;
    display: inline-block;
    float: right;
}

ul li
{
    font-size: 18px;
    padding: 7px;
    border: solid 1px #0776b1;
    border-radius: 4px;
}

ul li:hover
{
    background-color: rgba(7,118,177,0.5);
    color: #fff;
    transition: all ease 0.5s;
}

.contact
{
    color: #8B8B8B;
}
.contact:hover
{
    color: #8B8B8B;
    text-decoration: none;
}
.contact:focus
{
    color: #8B8B8B;
    text-decoration: none;
}


/*cont slider*/

#cont_slider
{
    background-color: #F5F6F8;
    padding-top: 60px;
    padding-bottom: 60px;
    box-shadow: 0 1px 0 #dde0e7;
}

/*#cont_slider img
{
    width: 100%;
    height: 300px;
}*/

.slide_bk
{
    margin-bottom: 30px;
    padding: 0px;
}

#bk_detail_vente
{
    position: relative;
    /*left: 10px;*/
    border: solid 1px #dde0e7;
    background-color: #fff;
    padding-left: 30px;
    min-height: 300px;
}

#bk_detail_vente h3
{
    font-size: 30px;
    color: #525252;
}

/*Description du bien*/

#desc_bien
{
    position: relative;
    z-index: 999;
    padding-top: 35px;
    padding-bottom: 35px;
    box-shadow: 0 1px 0 #dde0e7;
}

#desc_bien h3
{
    text-align: center;
    font-size: 30px;
    color: #525252;
    
}

.para_desc
{
    font-size: 16px;
    text-align: center;
}

/* caracteristique */

#caracteristique
{
    background-color: #F5F6F8;
    padding-top: 35px;
    padding-bottom: 35px;
}

.title_cara
{
    background-color: #fff;
    border: solid 1px #dde0e7;
}

.title_cara h3
{
    text-align: center;
    font-size: 30px;
    color: #525252;
}

.body_cara
{
    background-color: #fff;
    margin-top: 35px;
    border: solid 1px #dde0e7;
}

.h4_cara
{
    background-color: #d6dae2;
    font-size: 20px;
    color: #525252;
    padding: 10px;
}

.h4_ener
{
    background-color: #fff;
    font-size: 20px;
    color: #525252;
    padding: 10px;
}

.span_right
{
    float: right;
    padding-right: 25px;
}

#classe_energetique
{
    background-color: #d6dae2;
    padding-top: 20px;
    padding-bottom: 20px;
}

.ener_a
{
    color: #000;
    border: solid 1px #000;
    float: right;
    margin-right: 25px;
    padding: 2px;
}

/*localisation du bien*/
.loc_map
{
    margin-top: 25px;
    border-top: solid 1px #dde0e7;
}

.loc_map h3
{
    text-align: center;
    font-size: 30px;
    color: #525252;
}

/*footer*/

#footer
{
    background-color: #2d2d2d;
    border-top: solid 2px #676767;
    color: #fff;
}

.copyright
{
    padding: 10px;
}

.cop_a
{
    color: #fff;
}
.cop_a:hover
{
    text-decoration: none;
    color: #fff;
}
.cop_a:focus
{
    text-decoration: none;
    color: #fff;
}

.top img
{
    position: relative;
    width: 50px;
    left: 50%;
    padding: 10px;
}

/*slider*/

/* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }

        /* jssor slider thumbnail navigator skin 01 css */
        /*
        .jssort01 .p            (normal)
        .jssort01 .p:hover      (normal mouseover)
        .jssort01 .p.pav        (active)
        .jssort01 .p.pdn        (mousedown)
        */
        .jssort01 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 72px;
            height: 72px;
        }
        
        .jssort01 img
        {
            width: 680px;
            height:300px;
        }
        
        .jssort01 .t {
            /*position: absolute;
            top: 0;
            left: 0;*/
            width: 680px;
            height: 300px;
            border: none;
        }
        
        .jssort01 .w {
            /*position: absolute;
            top: 0px;
            left: 0px;*/
            width: 680px;
            height: 300px;
        }
        
        .jssort01 .c {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 68px;
            height: 68px;
            border: #000 2px solid;
            box-sizing: content-box;
            background: url('img/t01.png') -800px -800px no-repeat;
            _background: none;
        }
        
        .jssort01 .pav .c {
            top: 2px;
            _top: 0px;
            left: 2px;
            _left: 0px;
            width: 68px;
            height: 68px;
            border: #000 0px solid;
            _border: #fff 2px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p:hover .c {
            top: 0px;
            left: 0px;
            width: 70px;
            height: 70px;
            border: #fff 1px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p.pdn .c {
            background-position: 50% 50%;
            width: 68px;
            height: 68px;
            border: #000 2px solid;
        }
        
        * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
            /* ie quirks mode adjust */
            width /**/: 72px;
            height /**/: 72px;
        }
        

} /* ./ media queries max-width 978px */