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

.contenu{   background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 5px #6e6e6e;
    margin-top: 20px;}
@media(max-width:480px) {
    .logo { width:50%;
    }
}
.titre {font-weight:200;font-size:1.8em;width:100%;display:block; text-transform: uppercase; margin-bottom: 0.5em;}
.type{font-size: 0.6em; color:#999797;}
.ville{font-weight: 200;}
.prixannonce{color:#4cb6ea; font-size: 0.8em}

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



.wrapper {
    max-width: 1140px;
    margin: 2em auto 0;
    background: #FFF;
    box-shadow: 0 0 5px #666; 
}

.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*/
.bx-wrapper .bx-viewport{  border: 0; box-shadow: 0;}
/*.moteur_home{background:white;width:100%;left:0;top:0;border-top:3px solid #fff}*/
.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;}
.p-accueil .title-search {font-size: 1.5em;  color:#fff; background:#6ec8c8; padding: 5px; text-align: center; margin: 0;   }
.cen-list-card{ position: absolute; bottom: 1em; right: 1em;}
.nav-list-card .fa{ padding: 0 !important;}
 /*menu  */ 
#cssmenu{background:#fff;color:#000; float: right; }
@media(max-width: 480px){#cssmenu {float:none;}}
#cssmenu > ul > li > a{border:1px solid #fff; padding: 15px 20px}
#cssmenu > ul > li:hover > a{border:1px solid #6ec8c8;color:#6ec8c8}
 #cssmenu > ul > li::after{z-index: -1;}
#cssmenu ul li ul li:hover > a {background:#6ec8c8}
#cssmenu ul li > a,#cssmenu ul li ul li.active > a{color:#000;}
#cssmenu ul li ul li:hover:after,#cssmenu ul li ul li.active:after{border:1px solid #6ec8c8;}
#cssmenu > ul > li.has-sub > a:before{border-top-color:#4cb6ea;}
#cssmenu ul{background:#fff;}
.block_menu {margin-top:35px;}
.btn-validation {background-color: #2d2d2d !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: #2d2d2d  ;color: #FFF; font-weight: 600; text-transform: uppercase;}
.btn-validation:hover {background:#6ec8c8 !important}
.btn-contact { background-color: #6ec8c8 ;color: #FFF; font-weight: 600; text-transform: uppercase; }
.btn-contact:hover {background:#fcb251}
.btn-black { background-color: #333;color: #FFF;}
.btn-black:hover {background:#fcb251}
.btn-secondaire { background-color: #6ec8c8 ;color: #fff;}
.btn-secondaire:hover {background:#fcb251}


.btn-next:hover {background:#6ec8c8}

.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}

.produit_listing h2,.produit_listing h3,.produit_listing h4 {padding:0;margin:0; font-weight: 200;  }
.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; }
/*Listing*/
.produit_listing {border-bottom: 1px dotted #ccc; margin: 0 0 1em 0; padding: 0 0 0 1em 0;}
/*detail*/
.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}

.nav-calcul a:nth-child(1){border-right:1px solid #fff;}
h5 span{ color:#4cb6ea }
/*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}}

/*Recherche*/

.p-recherche .title-search{font-size: 1.8em; color:#000; font-weight: normal; background: transparent; text-align: left;}
.p-recherche  .btn-validation{width:80%; float: right;}
/*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;}}

/*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 29px;}
}
@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: #4cb6ea }
.tapis_detail {margin:0!important}
#cssmenu ul li ul li a{ color: #333}
}
@media (min-width: 481px) {.alertelisting-tiny{display: none}}

@media (max-width:736px){
img {width:100%}
/*.produit_listing p, .produit_listing {display:none;}*/
.description{ 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}
}
.infos-legales{padding: 1em;}
/*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}
}