/* ######################################## */
/* decoupage application */
.appli-responsive { width: 100%;height: 100%;min-height: 1100px;display: block;position: absolute;z-index:-1;
    /*bottom: -30%;left: 0;transform-style: preserve-3d;transform-origin: 50% 100%;z-index: 10;
    transform: translateX(33vw) translateY(-340px) rotateX(45deg) rotateZ(45deg);*/ }

/* sidebar */
#sidebar { width: 20%;float: left;background: #fff;
	-webkit-transition: all 500s ease-in;
	-moz-transition: all 500ms ease-in;
	-ms-transition: all 500ms ease-in;
	-o-transition: all 500ms ease-in;
	transition: all 500ms ease-in;
}
#connexion { width: 100%;background: rgba(102,102,102,0.5);text-align: center;color: #fff;text-transform: uppercase;position: relative;margin: 0 0 12px 0; }
#connexion .wrapper { width: 100%;height: 100%;background: #33b499;position: absolute;top: 0px;left: 0px; }
#connexion .avatar { width: 25%;background-image: url('../images/appli/avatar.jpg');background-position: center;background-repeat: no-repeat;background-size: cover;
display: inline-block;border-radius: 50%;margin: 10% 0 20px 0; }
#connexion .logo { position: absolute;top: 10px;left: 10px;width: 10%; }
#connexion .logo img { width: 100%; }
#connexion .nego { font-size: 13px;padding: 0 10px;line-height: 16px;margin: 0 0 20px 0; }
#connexion .icons { width: 100%; }
#connexion .icons i { display: inline-block;font-size: 25px;margin: 0 6px; }

/* menu */
#menu { width: 100%;background: rgba(102,102,102,0.5);color: #fff;position: relative; }
#menu .wrapper { width: 100%;height: 100%;background: #2c3e50;position: absolute;top: 0px;left: 0px; }
#menu ul { padding: 0;list-style: none;width: 100%; }
#menu ul li { font-size: 14px;line-height: 14px;text-transform: uppercase;padding: 20px;text-align: left;font-weight: 400; }
#menu ul li .fa { margin-right: 10px;color: #b2b2b7; }
#menu ul li.sub { border-left: 4px solid #19cba5;background: #243547; }
#menu ul li.sub span { display: block;width: 100%;margin-bottom: 25px; }
#menu ul li.sub .sub-content { width: 100%;font-size: 12px; }
#menu ul li.sub .sub-content span { display: block;padding: 3px 0 15px 30px;margin: 0px; }
/* menu -> responsive */
.mini-responsive { width: 70px !important; }
.mini-responsive #menu ul li { font-size: 29px; }
.mini-responsive #menu ul li .fa { margin: 0px; }
.mini-responsive #menu ul li span { display: none; }
.mini-responsive #menu ul li.sub { display: none; }
.mini-responsive #connexion { height: 190px !important; }
.mini-responsive #connexion .avatar { width: 50%; }
.mini-responsive #connexion .logo { display: none; }
.mini-responsive #connexion .nego { display: none; }
.mini-responsive #connexion .icons i { width: 100%;margin: 5px 0; }

#appli-main { position: relative;padding-left: 12px;width: calc(80% - 12px);float: left;background: #fff; }
#tools { position: absolute;background: rgba(102,102,102,0.5);top: 0px;right: 0px;height: 60px;width: 276px; }
#tools .wrapper { width: 100%;height: 60px;position: absolute;top: 0px;right: 0px; }
#tools .wrapper.on .buttons { background: transparent }
#tools .wrapper.animate .buttons {
	-webkit-transition: background 200s ease-in;
	-moz-transition: background 200ms ease-in;
	-ms-transition: background 200ms ease-in;
	-o-transition: background 200ms ease-in;
	transition: background 200ms ease-in;
}
#appli-main .buttons { background: #fff;height: 100%; }
#appli-main .buttons .button { width: 60px;height: 60px;text-align: center;color: #fff;display: block;font-size: 21px;float: right;margin: 0px 12px 0 0;position: relative;color: #fff !important; }
#appli-main .buttons .button .fa { line-height: 60px; }
#appli-main .buttons .button.exit { background: #c0392b;margin: 0px; }
#appli-main .buttons .button.param { background: #34495e; }
#appli-main .buttons .button.notifs { background: #5dddc4; }
#appli-main .buttons .button.alertes { background: #1abc9c; }
#appli-main .buttons .button .nb { display: inline-block;position: absolute;top: 5px;right: 5px;color: #fff;text-align: center;width: 23px;height: 23px;font-size: 12px;font-weight: 400;border-radius: 50%;line-height: 23px; }
#appli-main .buttons .button.notifs .nb { background: #34495e; }
#appli-main .buttons .button.alertes .nb { background: #e74c3c; }

/* search */
#search { position: absolute;background: #fff;top: 0px;left: 0px;height: 60px;width: 276px; }
#search .wrapper { width: 100%;height: 60px;position: absolute;top: 0px;right: 0px; }
#appli-main .buttons .tooltip { font-size: 14px;text-transform: uppercase;transform: translateY(0px) rotateX(-55deg) rotateZ(-30deg);top: -30px !important; }
#search { position: absolute;background: rgba(102,102,102,0.5);top: 0px;left: 12px;height: 60px;width: 270px; }
#search .wrapper { width: 100%;height: 60px;position: absolute;top: 0px;right: 0px; }
#search .button { width: 60px;height: 60px;text-align: center;color: #fff;display: block;font-size: 21px;float: left;margin: 0;position: relative;color: #fff !important;background: #1abc9c;float: left; }
#search .button .fa { line-height: 60px; }
#search .tooltip { font-size: 14px;text-transform: uppercase;transform: translateY(0px) rotateX(-55deg) rotateZ(-30deg);width: 300px;left: -200px !important;top: -80px !important; }
#search .field { height: 100%;width: 210px;background: #fff;float: left;padding-left: 12px;line-height: 60px;color: #666;font-weight: 400;text-transform: uppercase;text-align: left;font-size: 12px; }
/* search -> responsive */
.search-responsive  { max-width: 180px !important; }
.search-responsive .field { max-width: 120px !important;overflow: hidden; }

#moteur { width: 100%;margin-top: 100px;height: 300px; }
#moteur .titre_biens { display: block;text-align: left;width: 100%;color: #0c2135;font-size: 25px;font-weight: 400;margin-bottom: 30px; }
#moteur .titre_biens span { color: #1abc9c; }
#moteur .zone-moteur { width: 100%;float: left;text-align: left; }
#moteur .zone-moteur .head { background: #ecf0f1;height: 30px;float: left;width: 100%;position: relative; }
#moteur .zone-moteur .head .main-icon { position: absolute;background: #fff;bottom: 20px;width: 100px;height: 100px;text-align: center;border-radius: 50%;border: 15px solid #ecf0f1;line-height: 88px; }
#moteur .zone-moteur .head .main-icon .fa { color: #5dddc4;font-size: 45px; }
#moteur .zone-moteur .head .filter { width: 20%;background: #5dddc4;height: 100%;float: left; }
#moteur .zone-moteur .main { float: left;background: #dee0e0;height: auto;width: 100%;margin-bottom: 20px; }
#moteur .zone-moteur .main .filter { width: 20%;background: #1abc9c;height: 100px;float: left;padding: 15px;color: #fff;text-transform: uppercase;font-weight: 400;line-height: 14px;text-align: left; }
#moteur .zone-moteur .main .inputs { width: 80%;float: right;padding: 15px;text-transform: uppercase;color: #333;font-weight: 400;text-align: center; }
#moteur .zone-moteur .main .inputs .field { display: inline-block;background: #fff;padding: 6px 20px;margin: 0px 10px;text-transform: none; }
#moteur .zone-moteur .main .inputs img { width: auto;margin: 0 5px; }
#moteur .zone-moteur .outils { width: 100%;padding: 15px;float: left; }
#moteur .zone-moteur .outils .tri { width: 100%;text-transform: uppercase;color: #333;font-weight: 400; }
#moteur .zone-moteur .outils .tri .field { display: inline-block;background: #fff;padding: 6px 20px;margin: 0px 0 0 10px;text-transform: none;border: 1px solid #666; }
#moteur .zone-moteur .outils .tri .valid { display: inline-block;background: #1abc9c;padding: 8px 20px; }
#moteur .zone-moteur .outils .tri .valid .fa { color: #fff; }
#moteur .zone-moteur .results { width: 100%;padding: 15px 0px;text-align: center;float: left;color: #333;font-weight: 400;text-transform: uppercase; }
#moteur .zone-moteur .results .range { font-size: 18px;color: #e69d00;font-weight: 600; }
#moteur .zone-moteur .results .total { font-size: 20px;color: #000;font-weight: 600; }
/* moteur -> responsive */
.moteur-responsive .titre_biens { margin-bottom: 100px !important; }
.moteur-responsive .zone-moteur .filter { display: none;width: 0% !important; }
.moteur-responsive .zone-moteur .inputs { width: 100% !important; }

#list { width: 100%;float: left;color: #333;font-weight: 400; }
#list .item-head { float: left;padding: 15px 5px;width: 100%; }
#list .item { float: left;padding: 15px 5px; }
#list .item.odd { background: #eaeff3; }
#list .item.even { background: #fff; }
#list .item .part, #list .item-head .part { float: left;text-align: left }
#list .item .num, #list .item-head .num { width: 5%; }
#list .item .desc, #list .item-head .desc { width: 50%; }
#list .item .desc p { font-size: 16px; }
#list .item .desc p .tof { margin-right: 15px;width: auto; }
#list .item .desc .title, #list .item-head .title { width: 100%;text-transform: uppercase;font-size: 18px;color: #000;line-height: 19px;margin: 0 0 10px 0; }
#list .item .desc .title span { color: #1abc9c; }
#list .item .keys, #list .item-head .keys { width: 20%; }
#list .item .keys .line { width: 100%;padding: 7px;margin-bottom: 0px;border-bottom: 1px solid #666; }
#list .item .keys .line span { color: #000;font-weight: bold; }
#list .item .price, #list .item-head .price { width: 15%; }
#list .item .price { font-weight: 800;font-size: 19px; }
#list .item .etat, #list .item-head .etat { width: 10%; }

@media (max-width: 1480px) {
	#list .item .keys, #list .item-head .keys { padding: 0 5px; }
	#list .item .etat, #list .item-head .etat { display: none; }
}