html, body, #map-canvas {  background: #fff ; width:100%  ;    margin: 0px;        padding: 0px      }
hr {line-height: 1px;color:#999}
h1,.h1 {font-size:2em;color:#34495e;font-weight:normal;}
h2 {font-size:1.8em;font-weight:normal;}
h3 {font-weight:normal;color:#34495e;}
h4 { color: #34495e; font-weight: 700; font-size: 1.4em; text-transform: uppercase;}
h5 { font-size: 1em; margin: 0.5em 0; font-weight: 500;}

.form-search {
background : #E6EAEC;
}
.contenu{   background: #fff none repeat scroll 0 0;
    box-shadow: none;
    margin-top: 20px;}

@media only screen and (min-device-width : 480px) and (max-device-width : 980px){
    .logo{width: 26%;}
}
@media(max-width: 480px){.logo{width: 26%;} 
}

.logo{ background: none;left: 0;position: absolute; top: -1px; z-index: 111}
.type{font-size: 0.6em; color:#999797;}
.ville{font-weight: 200;}
.prixannonce{color:#34495e; font-size: 0.8em}

td, table, .table{ border:1px solid transparent;}
td{ border-right:1px solid white;}

.white-popup-block {background: none repeat scroll 0% 0% #FFF;padding: 20px 30px;text-align: left;max-width: 650px;margin: 40px auto;position: relative;}
.lang {position:absolute;right:0;top:0}
.relative {position:relative}


/*index.html*/
.p-accueil .bx-controls-direction{ display: none;}
.moteur_home{position:absolute;right:10%;top:35%;background:rgba(255, 255, 255, 1) ;right: 8%;top: 10%;width: 25%;}
.moteur_home .form-search{ padding: 1em;}
.moteur_home label { font-size: 0.9em}
.moteur_home .pts {padding-top: 1.5em;}
.home-widget, .search-widget{  border: 5px solid #fff;box-shadow: 0 0 5px #ccc; min-height: 435px;}
.widget-desc{ text-align: center; padding: 1em 0}
.widget-titre { font-size: 1.4em;}
.bx-wrapper .bx-viewport {border:0; box-shadow: none;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: -10px;}
.widget-titre, .title-search{ font-size: 1.2em; font-weight: 300; background: #ccc;color: #000;display: block;padding: 5px 0; width: 100%; text-align: center;}
.cen-list-card{ position: absolute; bottom: 1em; right: 1em;}
.nav-list-card .fa{ padding: 0 !important;}
.search-bloc{padding: 0 2em}
.search-bloc .btn-validation{ width: auto;display:block;margin-top: 2em;} 
.p-accueil .search-bloc .btn-validation{ width: auto;display:block;margin: 0 auto;} 
.p-accueil .search-bloc .pts{padding: 3em 0} 
@media(max-width: 769px){.search-bloc .btn-validation{margin:0 auto;}}
 /*menu  */ 
#cssmenu > ul > li > a {color:#fff; font-weight:normal;text-transform:none;letter-spacing:0;font-size:14px !important; padding: 15px 20px;}
#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a{background:#ECC34F ;  color:#000}
#cssmenu > ul > li{ width: 16.66667%; text-align: center;}
@media (max-width:769px){
#cssmenu > ul > li{ width: 100%; }}
#cssmenu ul li ul li:hover > a,#cssmenu ul li ul li.active > a{color:#34495e;background: #dedede;}
#cssmenu ul li ul li:hover:after,#cssmenu ul li ul li.active:after{background:#ECC34F }
#cssmenu > ul > li.has-sub > a:before{border-top-color:#ffffff;}
#cssmenu ul{background:#34495e;}
#cssmenu > ul > li::after{z-index: -1;}
#cssmenu {background: #ECC34F  none repeat scroll 0 0;}
.block_menu {margin-top:35px;}
.btn-validation {background-color: #34495e !important;color: #FFF;}
 /*formulaire*/
 [class*='btn-']{padding: 0.8em 1em;border: 0px none transparent;text-decoration:none;text-align:center;font-size:0.9em; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); cursor:pointer;}
 [class*='btn-']:hover,  [class*='btn-']:focus {background:rgba(0, 120, 231, .8); color:#e1e1e1}
[class*='btn-'] .fa {padding-right: 0.7em;}
.input,.select,.textarea {color:rgba(0, 0, 0, .6);padding: 0.6em 0.4em;display: inline-block; border: 1px solid rgba(223, 221, 219, 1);vertical-align: middle;box-sizing: border-box;font-size: 0.9em; }
.btn-md {font-size:0.9em;padding: 0.2em 0.8em; }
a.btn-md  {color: #fff !important; }
.btn-validation {background-color: #34495e  ;color: #FFF; font-weight: 600; text-transform: uppercase;}
.btn-contact { background-color: #34495e ;color: #FFF; font-weight: 600; text-transform: uppercase; }
.btn-contact:hover {background:#ecc34f}
.btn-black { background-color: #333;color: #FFF;}
.btn-black:hover {background:#ecc34f}
.btn-secondaire { background-color: #34495e ;color: #fff;}
.btn-secondaire:hover {background:#ecc34f}

.formulaire label{display:block;color:#7b7b7b;font-weight:400;}
.mini_pdt {color:#323131;}
.mini_pdt img {border:1px solid #ccc}
.mini_pdt b {font-size:1.2em;}
.alertemail a {font-size:0.8em; display:block;text-decoration:none;color:#0F1D2C;border:1px solid #ccc;}
.alertemail a:hover {background:#FCB251; border:1px solid #FCB251;}
.title{text-transform: capitalize;}
.title span{font-size: .8em}
.titre {
    display: block;
    font-size: 1.8em;
    font-weight: 200;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    width: 100%;
}
/*Listing*/
.produit_listing { border-bottom: 1px dotted #ccc;}
.produit_listing h4 {color:#797979}
.fa-2x {font-size: 1.4em !important;}
.nav-pagination {background: #fff; padding: 0 1em;}
@media (max-width:736px){.prix{ float:left; font-size: 0.8em;}}
.produit_listing:hover {box-shadow: 0px 0px 5px #CCC;}
.produit_listing p {color:#626262}
.reference {   background: #ccc;color: #fff; font-size: 0.8em;padding: 0 0.2em; }
/*detail*/
.p-recherche .search-widget {border:0; box-shadow: none;}
.p-recherche .search-bloc {padding: 0;}
.p-recherche .title-search{background: transparent; text-align: left; color: #000;font-size: 1.8em; font-weight: normal;}
.p-recherche .search-bloc .btn-validation {width: 80%; float: right;}
.tapis_detail ul {list-style:none;padding:0}
.nav-pagination div {line-height: 2em; font-size: 12px;}
.pagination > a{color: #333;cursor: pointer;border: none;padding: 3px 8px;}
.pagination > .current > span, .pagination a.current { background-color: #323b44; color: #fff;}
.nav-bien a{border-right: 1px solid #fff}
.desc-contenu{ min-height: 270px}
.nav-calcul a:nth-child(1){border-right:1px solid #fff;}
h5 span{ color:#34495e }
/*Alerte Email*/
@media (min-width:769px){
.alerte-email > div:nth-child(odd){ padding: 0 0.5em 0 0;}
.alerte-email > div:nth-child(even){ padding: 0 0 0 0.5em;}
}
@media (max-width:769px){.alerte-email > div{padding: 0}}

/*footer*/
.coordonnees,.coordonnees a {color:#4e4e4e}
.coordonnees_small,.coordonnees_small a  {font-size:0.9em;font-style:italic;color:#848484}
.coordonnees_small a,.coordonnees a {text-decoration:none}
.coordonnees_small {margin-bottom:30px;}
@media (max-width:780px){.coordonnees > .txtright , .coordonnees > .txtleft, .coordonnees > .txtcenter {text-align: center;}}


/*responsive*/


/*btn dpdown*/
.dropdown {position: relative;display: inline-block;}
.dropdown .dropdown-menu a {font-size:0.9em;display: block;padding: 0.4em 0.8em;text-decoration: none;background: #ccc; color: #333333;}
.dropdown .dropdown-menu a:hover {background: #bbb;}
.dropdown .dropdown-menu {position: absolute;display: none;top: 100%;left: 0;margin: 0;list-style: none;width: 100%;padding: 0;}
.dropdown:hover .dropdown-menu {display: block;}



/*responsive*/
@media (max-width:1024px){
#cssmenu > ul > li > a {font-size:10px !important; font-weight:400  !important;  padding: 15px 17px;}
}
@media (max-width:769px){
.moteur_home{position:relative; background:#000;width:100%;left:0;top:0;border-top:3px solid #fff}
.coordonnees > div {width:100%; font-size:12px; font-weight:normal;}
#cssmenu > ul > li > a {font-size:14px !important; font-weight:700  !important;}
#cssmenu #menu-button {background: #34495e }
.tapis_detail {margin:0!important}
#cssmenu ul li ul li a{ color: #FFFFFF}
}
@media (min-width: 481px) {
	.alertelisting-tiny{display: none}
}
@media (max-width:800px){
.description{ display: none}
}
@media (max-width:736px){
img {width:100%}
/*.produit_listing p, .produit_listing {display:none;}*/

.produit_listing h2 {font-size:16px;font-weight:bold;padding:0;margin:0; width:100%;}
.produit_listing h3 {font-size:.8em;font-weight:normal;padding:0;margin:0.2em 0 .6em 0; }
.produit_listing h4 {font-size:.7em;font-weight:normal;padding:0;margin:0;}
/*.tapis_dpe img {display:none}*/
.tiny-w40{ width:40%;}
.tiny-w60{ width:60%;}
.alertelisting{display: none}
}
/*Footer*/


/*Footer*/
.footer{padding: 0 1em; position: relative;}
.ensavoirplus{ padding: 4em 0 0}
.footer-credits {left: 0; margin: 0;padding: 1em 0;position: absolute; top: 35px; border:none;}
@media(max-width: 480px){.footer-credits {top: 75px;}
.ensavoirplus{ padding: 6em 0 0}
}
