@CHARSET "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Oswald:100,300,400,700');

html{width:100%;height:100%}
body{background-color:#fff;font-family:'Oswald';font-size:16px;font-weight:300;width:100%;height:100%;color:#111d2d}
a{text-decoration:none}
header{position:fixed;top:0;left:0;width:95%;padding:10px 2.5%;height:50px;background-color:#111d2d;text-align:center}
.textcenter{text-align:center}
.error{color:red}
.clear{clear:both}
.left{float:left}
.right{float:right}
.marginleft{margin-left:15px}
.nodisplay{display:none}
.login{
	margin-top:70px;
	background-color:#fff;
	width:90%;height:200px;padding-left:5%;padding-right:5%;padding-top:150px)
	

}
.content{width:100%;min-height:100%;}
.login div {margin:15px 0;}
.login div .field{background-color:#fff;border:solid 1px #111d2d;padding:10px 2.5%;;width:95%;font-family:'Oswald';font-size:18px;font-weight:300}
.login div .submit{background-color:#448bcb;color:#fff;text-transform:uppercase;padding:10px 2.5%;border:0;font-family:'Oswald';font-size:24px}

.homepage{background-color:#fff;margin-top:70px;width:90%;padding:5%}
.homepage .button{width:50%;text-align:center;margin-bottom:25px}
.homepage .button a{color:#111d2d;display:inline-block;width:84px;}
.homepage .button a i{font-size:40px;color:#111d2d;border:solid 2px #111d2d;border-radius:90%;display:block;height:40px;width:40px;text-align:center;text-decoration:none;padding:20px;margin-bottom:15px}
.homepage .button a:hover i{background-color:#111d2d;color:#fff;font-size:42px;}
.homepage .button a span{display:block;text-transform:uppercase;color:#111d2d}

.currentaction{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;border-top:solid 1px #111d2d;;line-height:30px}
.add{position:fixed;bottom:0;left:45%;width:10%;background-color:#111d2d;color:#fff;font-size:18px;text-align:center;line-height:30px}
.add a{color:#fff;display:block:}
.add .more{position:fixed;bottom:30px;left:0;width:100%;background-color:#111d2d;}
.add .more ul li{border-bottom:solid 1px #fff;text-align:center;text-transform:uppercase}
.add .more ul li a{color:#fff;display:block;padding:10px 0}

		.backtolistepage{width:3.5%}
	.breadcrumb{margin:70px 0 0 0;background-color:#eee;color:#111d2d;padding:15px 2.5%}
	.messagerie{margin-top:2px}

.menuprofil{margin:10px 4.5% 10px 2.5%}
.menuprofil .crit{float:left;width:20%;margin-right:5%;}
.menuprofil .crit a {border:solid 1px #111d2d;padding:15px 2.5%;text-align:center;color:#111d2d;display:block}
.menuprofil .crit a:hover{border:solid 1px #111d2d;color:#fff;background-color:#111d2d}
.menuprofil .crit .selected{border:solid 1px #111d2d;color:#fff;background-color:#111d2d}
.menuprofil .crit a span{display:block;margin-top:10px;font-size:18px}

#ContentV h1{;background-color:#111d2d;color:#fff;text-transform:uppercase;margin:70px 4.5% 15px 2.5%;padding:10px 2.5%; }			

.messagerie{margin-top:70px}
.SliderMessagerie{float:right;width:89.3%;}
.conversation{width:100%;color:#111d2d;position:relative;height:100%;border-left:solid 1px #eee;background-color:#fff !important;}
.conversation .nego{background:#eee;padding:15px 2.5%}
.conversation .nego .photonego{float:left;border-radius:90%;width:50px;margin:0 auto;height:50px;border:solid 2px #fff;margin-right:5%;text-transform:uppercase;line-height:30px;color:#448bcb;text-align:center}
.conversation .nego .name{text-transform:uppercase;font-size:24px;float:left;margin-right:5%;line-height:34px}
.conversation .nego .secteur{text-transform:uppercase;fint-size:18px;float:left;margin-right:5%}
.conversation .nego .tel{float:right;text-transform:uppercase;font-size:18px}

.conversation .listemsg{overflow:scroll;}
.conversation .message{background:#eee;padding:20px 2.5%;width:45%;clear:both;margin:2.5%;border-radius:5px;line-height:24px}
.conversation .message:last-child{margin-bottom:200px}
.conversation .message .date{font-size:12px;font-style:italic;margin-bottom:15px}
.conversation .message .objet{font-size:18px;font-weight:bold;margin-bottom:15px}
.conversation .message .item{float:left;width:33.33%;}
.conversation .message .item a img{border:solid 1px #fff;display:block}
.conversation .message .item a img{width:100%;height:auto}
.conversation .repondre{clear:both;border-top:solid 1px #eee;width:87.25%;background:#fff;position:fixed;bottom:0;right:0;padding:10px 1%;border-left:solid 1px #eee}
.conversation .repondre .fieldtext{width:calc(100% - 22px);padding:5px 10px;margin-bottom:10px;font-size:14px;border:solid 1px #eee}
.conversation .repondre textarea{width:calc(100% - 22px);padding:5px 10px;font-size:14px;border:solid 1px #eee}
.conversation .repondre .submit{background-color:#448bcb;color:#fff;padding:5px 15px;font-size:14px;text-transform:uppercase;float:right;margin-top:5px;border:0}
.conversation .repondre .submit:hover{background-color:#fff;border:solid 1px #448bcb;color:#448bcb}
.alert{position:fixed;top:40%;left:0;backgroun-color:rgba(255,255,255,0.8);padding:10px 0;text-align:center}
.openCon{z-index:100!important}
#Pager{float:left;width:10.5%;}
#Pager ul li{padding:10px 5%;width:90%;margin-bottom:2px;background:#eee}
#Pager ul li.activeSlide{background:#448bcb;color:#fff;}
#Pager ul li.activeSlide a {color:#fff}
#Pager ul li .img{width:80px;height:80px;;background-color:#fff;float:left;margin-right:5%;border-radius:90%;text-transform:uppercase;line-height:80px;color:#448bcb;text-align:center}
#Pager ul li a span{display:inline-block;line-height:80px;font-size:12px;text-transform:uppercase}
#Pager ul li a .countnotread{float:right;background-color:#111d2d;padding:5px 10px;color:#fff;display:inline;line-height:20px;margin-top:12px}
.SeeAllC{display:none}

.backpage{float:left;display:inline-block;padding:5px 10px;font-size:30px;line-height:30px;margin-right:2px;background-color:#ccc;color:#333;width:20px;text-align:center}
.posts{margin-top:70px;;width:100%;overflow-y:scroll;}
.posts h2{padding:5px 10px;font-size:18px;line-height:30px;background-color:#ccc;color:#111d2d;;font-weight:300;text-transform:uppercase;text-align:center}
.posts .post{float:left;width:28.33%;margin:15px 2.5% 15px 2.5%;}
.posts .post picture img{width:100%;height:auto}
.posts .post h3{text-transform:uppercase;font-weight:400;margin:10px 0 0 0;text-transform:uppercase;line-height:24px}
.posts .post h3 a{color:#111d2d}
.posts .post h4{font-weight:300;font-size:12px;margin:5px 0;}
.posts .post .ligne{margin:5px 0}
.posts .post .ligne input{border:solid 1px #eee;padding:10px;width:calc(100% - 22px);}
.posts .post .ligne textarea{border:solid 1px #eee;padding:10px;width:calc(100% - 22px);}
.posts .post .btn{font-size:18px;margin-top:5px;color:#111d2d}
.posts .post .btn i{color:#111d2d}
.posts .indx0{clear:both}
.posts .indx3{clear:both}

.save{float:right;background-color:#111d2d;color:#fff;margin:15px 0 0 0;display:inline-block;padding:8px;font-size:24px;border-radius:90%;width:26px;text-align:center}
#Resultciti p{margin-bottom:5px;text-transform:uppercase;}
#Resultciti p a{color:#111d2d}


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

.action{position:fixed;bottom:0;left:0;width:100%;background-color:#fff;border-top:solid 1px #ccc;}
.action a{display:block;text-transform:uppercase;padding:10px 0;text-align:center;color:#111d2d}

.fileinput-button {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px !important;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

.fileinput-button{border:solid 1px #111d2d;background:url(/img/upload.png) center 20px no-repeat;background-size:50px;color:#111d2d;position:relative;width:85%;padding:70px 5% 40px 5%;margin:2.5%;text-transform:uppercase;text-align:center;font-weight:normal}
.fileinput-button .input-file {  
      position: absolute;  
      top: 0; left: 0;  
      width: 100%;  
      padding: 50px 0;  
      opacity: 0;  
      cursor: pointer;  
}
.files{margin:0 2.5%;width:95%}


#Profil{width:100%;margin-top:25px}
#Profil .content{padding:50px 2.5%;width:95%;}
#Profil h2{color:#111d2d;padding:15px 0;text-align:center;font-size:24px;text-transform:uppercase;font-weight:300;margin:0px 0 50px 0;line-height:30px}
#FormAchat{color:#111d2d}
#FormAchat .semicolum{width:47.5%;}
#FormAchat .semicolum p {margin:0 0 25px 0}
#FormAchat .semicolum p input{padding:15px 2.5%;width:89%;color:#111d2d;font-size:16px;border:solid 1px #ccc}
#FormAchat .field{margin-bottom:10px}
#FormAchat .field input{padding:15px 2.5%;width:89%;color:#111d2d;font-size:16px}
#FormAchat .semicolum p input::placehoder{color:#111d2d}
#FormAchat .semicolum p select{padding:15px 2.5%;width:94.5%;color:#111d2d;font-size:16px;border:solid 1px #ccc;    -webkit-appearance: textfield;border-radius:0;background-color:#fff;font-family:Oswald}
#FormAchat .semicolum .textfield{padding:15px 2.5%;width:89%;height:120px;border:solid 1px #ccc;font-size:16px;color:#111d2d}
#FormAchat .submit{background-color:#448bcb;color:#fff;padding:10px 25px;font-size:18px;text-transform:uppercase;float:right;margin-top:15px;margin-right:2.5%}
#FormAchat .submit:hover{background-color:#fff;border:solid 1px #448bcb;color:#448bcb}
#FormAchat #Quoi{width:100%;margin-bottom:25px}
#Profil .crit{float:left;width:20%;margin-right:5%;}
#Profil .crit a {border:solid 1px #111d2d;padding:15px 2.5%;text-align:center;color:#111d2d;display:block}
#Profil .crit a:hover{border:solid 1px #111d2d;color:#fff;background-color:#111d2d}
#Profil .crit a span{display:block;margin-top:10px;font-size:18px}
#Profil .crit a span.icon-maison{font-size:30px}
#Profil .crit a span.icon-propriete{font-size:30px}
#Profil .crit a span.icon-terrain{font-size:30px}
#Profil .crit a span.icon-appartement{font-size:30px}
#Profil .crit .critcheck{border:solid 1px #111d2d;color:#fff;background-color:#111d2d}
#Profil .crit .critcheck svg path{fill:#448bcb}

#FormAchat .critcheck2{float:left;width:17%;border:solid 1px #111d2d;padding:15px 2.5%;text-align:center;color:#111d2d;display:block;margin-bottom:15px;margin-right:2.5%;}
#FormAchat .critcheck2:hover{border:solid 1px #111d2d;color:#fff;background-color:#111d2d}
#FormAchat .critcheck2:hover span{cursor:pointer}
#FormAchat .critchecked{border:solid 1px #111d2d;color:#fff;background-color:#111d2d}

#FormAchat .criteres .etiquette2{clear:both;margin-top:15px !important;text-transform:uppercase}
#secteur .crit a span{display:none}
#secteur .crit a{padding:35px 2.5%}
#FormAchat .semicolum p .searchbyville{width:90%}
#FormAchat  #Budget{width:100%;margin-bottom:15px}
#FormAchat  #Budget .fprix{width:47.5%;}
#FormAchat  #Budget .fprix input{border:solid 1px #111d2d;padding:10px 2%;width:75%;margin-right:2.5%}
#FormAchat  #Budget .fprix .icon-euro{vertical-align:middle;font-size:24px;line-height:40px}
			
#FormAchat .caracs .content{padding:25px 0 0 0}
#FormAchat .caracs .content p {float:left;width:33.33%;margin-bottom:10px;font-size:18px;line-height:24px}
#FormAchat .caracs .content p .caseacocher{float:left;background-color:#fff;width:15px;height:15px;display:inline-block;margin-right:15px;margin-top:4px;}
#FormAchat .caracs .content p  .caseacocher-s{float:left;background-color:#448bcb;margin-top:4px;width:15px;height:15px;display:inline-block;margin-right:15px}


.biens{margin-top:70px;;width:100%;overflow-y:scroll;}
.biens h2{padding:5px 10px;font-size:18px;line-height:30px;background-color:#ccc;color:#111d2d;;font-weight:300;text-transform:uppercase;text-align:center}
.biens h2 a{color:#111d2d;}
.biens .itemlist{float:left;width:28.33%;margin:15px 2.5% 15px 2.5%;}
			
@media screen and (max-width: 1400px)  {
#ContentV .item .front h2{font-size:15px}
}
@media screen and (max-width: 1024px)  {
#ContentV {width:100%;border-bottom:solid 1px #111d2d;padding-bottom:0}
#ContentV .item .front{padding:25px 20%;width:60%}
#ContentV .item .front h2{line-height:100px}
#ContentV .item .front .threeline{line-height:50px}
			
#FormAcheter{border:0;width:70%;margin:0 15%}
			
#FormAcheter input{border:solid 1px #ccc}
}
@media screen and (max-width: 640px)  {
#ContentV h1{font-size:18px;line-height:24px}
#ContentV .item{width:49.80%}
#ContentV .h1{font-size:18px;line-height:24px}
#ContentV .idx0 .front{background-color:#448bcb;color:#fff}
#ContentV .idx0 .back{left:-1px}
#ContentV .idx1 .front{background-color:#fff;color:#448bcb;}
#ContentV .idx3 .front{background-color:#448bcb;color:#fff}
#ContentV .idx3{margin-right:0}
#ContentV .idx2 .front{background-color:#fff;color:#448bcb}
#ContentV .idx5 .front{background-color:#fff;color:#448bcb;}
#ContentV .idx4 .back{left:-1px}
#ContentV .idx4 .front{background-color:#448bcb;color:#fff}
#ContentV .idx6 .front{background-color:#fff;color:#448bcb}
#ContentV .idx7{margin-right:0;}
#ContentV .idx7 .front{background-color:#448bcb;color:#fff}
#ContentV .item .front .threeline{line-height:33px}
#FormAcheter{width:100%;margin:0}
#FormAcheter .content{width:95%;padding:25px 2.5%}
#ContentV .item .back .texte{height:100px!important}
#FormAchat .crit{width:45%;margin-bottom:15px}
#FormAchat .semicolum{width:100%}
#FormAchat .critcheck2{width:25%}


}


@media screen and (max-width: 1280px)  {
.backtolistepage{font-size:12px}
}
@media screen and (max-width: 800px)  {
.backtolistepage{width:25%}
.SliderMessagerie{width:100%}
.SeeAllC{float:left;font-size:18px;width:10%;padding:10px 0;background:#eee;text-align:center;height:44px;display:block;line-height:44px;margin-right:1px}
#Pager{position:absolute;top:70px;left:0;width:100%;height:100%;background:#fff;z-index:50;}
.conversation .nego .photonego{float:left;border-radius:90%;width:30px;margin:0 auto;height:30px;border:solid 2px #fff;margin-right:5%}
.conversation .nego .name{font-size:16px}
.conversation .nego .tel a {width:40px;height:30px;display:block}
.conversation .nego .tel a span{font-size:30px;display:block}
.conversation .nego .secteur{display:none}
#Pager ul li img{width:50px;height:auto;float:left;margin-right:5%;border-radius:90%}
.conversation .repondre{width:98%;border-left:0}
.posts .post{width:95%;float:none}

#Resultciti{position:fixed;top:0;left:0;width:95%;padding:15px 2.5%;background-color:#fff;z-index:200;}

.biens .itemlist{float:none;width:100%;margin-bottom:50px}
.biens h2 {font-size:14px}
.biens .itemlist {font-size:14px}
.biens .itemlist *{line-height:1.5em}
.biens .itemlist table{margin:10px 0}
}
@media screen and (max-width: 640px)  {
.stepcommande .crit{margin:15px 0;width:47.5%!important}
.stepcommande .idx0{float:left;clear:both}
.stepcommande .idx2{float:left;clear:both}
.stepcommande .idx4{float:left;clear:both}
.stepcommande .idx1{float:right;}
.stepcommande .idx3{float:right;}
.stepcommande .idx5{float:right;}
}