body{
	background-color:#fbfbfb ;
}
#haut{
margin-top: 50px;
}
.bloc{
	background-color: #ededed;
	margin: 55px 5px 20px 5px;
	width: auto;
	height: auto;
	padding: 10px 5px 5px 15px;
	border: 1px solid #e0e0e0;
	border-left: 4px solid #7fcdfa;
	border-radius: 5px;
	text-align: left;
	font-family: Cabin;
}
.bloc1{
	background-color: #ededed;
	margin: 15px 5px 20px 5px;
	width: auto;
	height: auto;
	padding: 10px 5px 5px 15px;
	border: 1px solid #e0e0e0;
	border-left: 4px solid #7fcdfa;
	border-radius: 5px;
	text-align: left;
	font-family: Cabin;
}
.bloc-msg{
	background-color: #ededed;
	margin: 0px 5px 20px 5px;
	width: auto;
	height: auto;
	padding: 10px 15px 15px 15px;
	border: 2px solid #94d8eb;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	border-bottom-left-radius: 50px;
	text-align:justify;
	font-family: Cabin;
}
#nav2{
   background-image:url(service-bg.png);
   background-position: top center;
	background-repeat: repeat; 
   padding-top: 15px;
}
@media only screen and (max-width: 768px) {
	#menu-left{display: none;}
}
#menu-right{
	margin-left:px;
	
}
#menu-right div{
	margin-bottom: 3px;
	margin-top: 3px;
	
}	
#menu-left div{
	margin-bottom: 1px;
	margin-top: 1px;
	
}
#nav2 div {
   background-color:;
   margin-bottom: 0px;
   margin-left: ;	
   margin-right: ;
}
#nav3{
    background-image:url(service-bg-2_New1.png);
   background-position: top center;
   background-repeat: repeat-x; 
	height: 10px;
	padding-left: 10px;
}
#nav4{
    background-image:url(service-bg-2_New1.png);
   background-position: top center;
   background-repeat: repeat-x; 
	height: 5px;
	padding-left: 10px;
}
#form{
    padding-left: 10px;
	padding-top: 10px;
	background-color:#fbfbfb;
	border: 2px solid #2aabd2;
	border-radius: 5px;
	margin-top: 5px;
	
}
.pub_scroll{
	width:auto;
	margin-left: 15px;
}
.pub_scroll_fixe{
  position: fixed;
  top: 0;
	margin-top: 45px;
	margin-left: 15px;
	float: right;
	z-index: -9999;
}
.pub_continu{
	width:auto;
	position: relative;
	margin-left: 15px;
	margin-top: 40px;
}
#pub-left
{
margin-left: px;
margin-right: px;
}
#pub_right
{
margin-left: px;
margin-right: px;
}
#main{
 padding-left: 7px;
 padding-right: 7px;
padding-top:;
	margin-left: px;
	margin-right: px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.menu_cat div{
margin-top: 0px;
margin-bottom: 0px;
border:none;
}
.menu_cat .sous_menu_itmes {
padding-left:px;
font-size: 12px; 
}

.panel{
	margin-top: 5px;
	padding: 10px;
	background-color: #fbfbfb;
}
.panel img{
height: 100px;
width: 170px;
border: 1px solid #2aabd2;
	text-align: right;
}
.panel h4{
text-decoration: none;
color:#3773bd;
}
.panel h5{
text-decoration: underline;
	font-size: 16;
color:#FF5252;
	padding-left: 8px;
}
.panel p{
text-decoration:none;
font-size: 14px;
color:black;
	margin-left: 5px;

}

.well a{
font-size: 14px;
color:darkred;
text-align: left;

}
#btn{
    border-top: 1px grey solid;
	border-right: 1px grey solid;
	border-left: 1px grey solid;
	border-bottom: 1px grey solid;
    background-color: #fbfbfb;
}
#btn-1{
    border-top: 1px #4b668b solid;
	border-right: 1px #4b668b solid;
	border-left: 1px #4b668b solid;
	border-bottom: 7px #4b668b solid;
    background-color:#f9f9f9;
	font-size: 13px;
	color:#434A54;
	padding-top:0px;
	margin-bottom: 5px;
}
#nmbr-an{
	margin-left: 45px;
	baackground-color:#f4f5f5;
	boorder: 1px grey solid;
	border-radius:;
	padding: 10px 5px 7px 5px;
}
#carousel-haut
{
margin-left: 50px;
}
.panel-heading {
	font-size: 16px;
	padding-top: 5px;
}
.col-md-1 img{
 max-width: ;
}
.panel label{
	margin-left:7px;
	margin-right:7px;
}
.panel div{
	margin-top:px;
	margin-bottom:px;
}
#img-logo{
     vertical-align: middle;
	margin-bottom: 5px;
	margin-left: 40px;
	width:80%;
	max-height:  153px;
	min-height: 50px;
}
.footer {
padding: 40px 0;
	background-image:url(service-bg-2.png);
}
.footer-logo {
height: 32px;
margin-top: -5px;
line-height: 32px;
}
.footer-logo, .footer-nav {
float: left;
width: 20%;
padding: 0 20px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dd, dt {
line-height: 1.42857143;
}
.footer-nav .nav-item {
line-height: 28px;
}
.nav-title {
margin-bottom: 15px;
color: #e6e9ed;
}
.price{
color: red;
font-weight: bold;
}
.text{
text-align : justify;
font-size: 10px;
}
.offre_pub{
font-family: Trebuchet MS;
font-size: 12px;
	line-height:;
text-align : justify;
	padding-left: 10px;
	border-left: 5px solid #CCD1D9;
	margin-top: 15px;
}
#Copyright{
text-align: center;
}
.type_pub{
padding-left: 0px;
margin-left: 20px;
}
.col-md-12 .msg_error{
font-family: Trebuchet MS;
font-size: 0.8em;
font-weight: italic;
color :red;
}
.col-md-12 .option{
font-family: verdana;
font-size: 0.8em;
}
.col-md-12 .auteur{
font-family: verdana;
font-size: 0.8em;
text-align:right;
}
#barre_menu_bas_space{
height: 30px;
background-color: #666;
}
#barre_menu_bas{
text-align : center;
background-color: #666;
}
#suivre{
background-color: #444;
padding-top: 20px;
}
#doun_suivre{
background-color: #444;
padding-bottom:0px;
height: 40px;
}
#suivre p{
text-align:;
font-size: 20px;
color:lightgrey;
}

#barre_menu_bas .col-md-1 p {
border-right: 2px solid #222;
color: #222;
text-align : center;
}
#barre_menu_bas .col-md-2 p {
border-right: 2px solid #222;
color: #222;
text-align : center;
}
#barre_menu_bas .col-md-2  {
color: #222;
text-align : center;
}
#acueil {
text-align:right;
padding-right: 10px;
right;
}
#img_fb{
background-color: #444;
padding-left:auto;
padding-right: auto;
}
.rubrique_menu
{ display : inline-block;
	float: inherit;
  vertical-align: top;
  width :;
  text-align: left;
  border-right:;
  border-botttom: 2px solid #CCC;
  borderr-radius: 0px 0px 20px 0px;
  padding-left:px;
  padding-right:px;
  margin: px px px px;
  }
    ul .sous_menu_itmes li
  { 
    font-family: Trebuchet MS;
	color: #eee;
    font-size: 0.8em;
	padding: 0 auto;
	margin:  0 auto;
  }
.col-md-12 .pub_google_bas{
    width: 100%;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
	padding-top:inherit;
    padding-bottom:inherit;
    padding-left:inherit;
    padding-right:inherit;
}
.col-md-12 #pub_google{
    width:;
    height: 240px;
    border: px solid black;
}
  .menu_itmes
  {
  font-family: Trebuchet MS;
  font-size: 18px;
  list-style-type: none;
  color:aliceblue;
  margin-left: 10px;
  margin-right: 10px;
	  margin-bottom:px;
	  
  }
  hr {
    border-top:1px dashed aliceblue;
	border-bottom: none;
	margin-top: 5px;
	margin-bottom: 5px;
  }
  .menu_itmes li
  {
        font-size: 0.8em;
	  padding: 3px 10px 3px 10px;
        margin-bottom:;
	    border-bottom: 1px solid #767f8b;
	  list-style: none;
  }
.menu_itmes a
  {
   color:aliceblue;	
  }
 .menu_itmes li:hover
  {
        background-color: #949ba5;
	  cursor: pointer;
  }
.menu_itmes a:hover
  {
	  text-decoration: none;
  }
    .menu_items ul .sous_menu_itmes {
  display: none;
  }
  .menu_items: hover ul .sous_menu_itmes  li{
  display: block;
  }
  #rubrique
{
padding: 10px 10px 10px 10px;
baackground :url(../images/footer.jpg);
baackground-color: #111;
text-align:;
}
#Copyright
{
background-color: #1b2129;
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 0px;
font-size: 0.8em;
color:aliceblue;
}
.sous_menu_itmes1{
height : px;
}
a.list-group-item : hover div.sous_menu_itmes1 div{
height :px;
}
#note
{
    font-family: Century Gothic;
    font-size: 0.9em;
    text-align:justify ;
    padding-right: 10px;
}
.col-md-12 #esp_g{
background-color: #444;
}
.col-sm-6 .small_image
{
width: 24px;
height: 24px;
}
#detail_annonce{
 padding-left: 20px;
 padding-right: 20px;
}
#annonce p{
	font-size: 13px;
	text-align: justify;
}
.categorie{
padding-left: 20px;
font-weight: bold;
color: #1245ff;
}

.col-sm-9 .captcha{
   height:40px;  
}
.contenu_annonce{
text-align: justify;

}
.auteur{
font-family: verdana;
font-size: 0.8em;
text-align:right;
}
.nb{
    text-align: justify;
    font-size: 12px;
}
#pub_result{
    width: 320px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    border-color: 1px solid black;
}
#news .list-group-item{
   font-size: 11px;
	text-align:left;
	padding-top:5px;
	padding-left: 7px;
	padding-bottom: 0px;
	
}
#news .date_news{
    font-size: 10px;
    font-weight: italic;
    text-align:;
	padding: 2px;
	padding-left: 5px;
	background-color: #f2f2f2;
	margin-top: 2px;
}

.footer-1{
	margin-top: px;
	height:70px;
	background-color:#CCD1D9;
	padding: 25px 15px 10px 15px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	color: #434A54;
}
.footer-1 a{
	margin: 10px;
	font-size: 16 px;
	color: black;
}
.footer-2{
	height:auto;
	background-color:#AAB2BD;
	padding: 10px 15px 35px 15px;
	color:#434A54;
}
.footer-3{
	height:auto;
	background-color:#656D78;
	padding: 25px 15px 10px 15px;
}
.auteur{
font-family: verdana;
font-size: 0.8em;
text-align:right;
}
.nb{
    text-align: justify;
    font-size: 12px;
}
#user_panel{
    padding-left: 0;
    padding-right: auto;
}
#user_panel li{
    width: 140px;
    height: 120px;
    display: inline-block;
    text-decoration: none;
    text-align: center; 
    margin-left: 10px;
    padding-left: auto;
    padding-right: auto;
}
#user_panel li p{
   font-size: 12px; 
}
#user_panel img{
    height: 48px;
    width: 48px;
    border: 0px;
    
}
#user_panel li a{
   text-align: center;
}
#profil_user img{
    width: 92px;
    height: 92px;
    border: 0px;
}
#profil_user{
    text-align: center;
}
.membre-on{
    background-image:url(images/icone/membre-on.png);
	width: 10px;
	height: 10px;
}
.a-menu{
	padding:5px;
	font-size: 13px;
	background-color:#f1f2f2;
	padding-left: 15px;
}
.a-menu:hover{
	padding-left: 20px;
	background-color:#dfe1e1;
	cursor: pointer;
}
.a-menu a:hover{
	text-decoration: none;
}
.annonce-container{
	background-color:#f4f4f4;
	border-top: 1px solid #d8d8d8;
	padding: 7px 7px 5px 7px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family:;
}
.annonce-container:hover{
	background-color:#e8e8e8;
	-webkit-transition: background .3s;
		transition: background .3s;
	
}
#annonce-img{
	width: 20%;
	margin-right:10px;
}
.annonce-contenu{
	border-bottom:;
	text-align: justify;
	color: #515e61;
}
.annonce-contenu p{
	text-align: justify;
	color: #515e61;
	font-size: 14px;
	line-height: 15px;
}
.annonce-date{
	font-size: 11px;
	margin: 2px;
}
.annonce-date .glyphicon{
	font-size: px;
	
}
.annonce-auteur{
	margin-left: 10px;
	padding: 0px 6px 6px 6px;
	border-left: 1px #d8d8d8 solid;
	background-color:;
	height:120px;
}
.annonce-auteur p{
	width: 100%;
	margin-bottom: 0px;
	text-align: center;	
}
.annonce-auteur img{
	width: 100%;
	height: 70%;
	margin-bottom: 3px;
	margin-left: 8px;
	text-align: center;	
}
.annonce-footer{
    width: 97%;
	padding: 5px;
	margin: 5px 10px 0px 0px;
	background-color:#cad2d2;
	border: 1px solid #65b2ff;
	border-radius: 5px;
}
.prix-annonce{
	font-size: 16px;
	font-weight: 600;
	font-style:;
	color: #f56b29;
}
.auteur-connect{
	background-color:#d1d1d1;
	width: auto;
	text-align: center;
	padding: 5px;
	border-bottom:  3px solid #2196F3;
}
.auteur-connect img{
	width: 10px;
	height: 10px;
	border: 0px;
}
.img-auteur{
	width: 10px;
	height: 10px;
	border: 0px;
	vertical-align: middle;
}
.location{
	height:55%;
}
/*------ Tableau anoonce-detail */
.responstable {
  margin: 1em 0;
  width: 100%;
  overflow: hidden;
  background: #FFF;
  color: #024457;
  border-radius: 10px;
  border: 1px solid #167F92;
}
.responstable tr {
  border: 1px solid #D9E4E6;
}
.responstable tr:nth-child(odd) {
  background-color: #EAF3F3;
}
.responstable th {
  display: none;
  border: 1px solid #FFF;
  background-color: #e3e7f7;
  color: #167F92;
  padding: 1em;
	width: 30%;
}
.responstable th:first-child {
  display: table-cell;
  text-align: center;
}
.responstable th:nth-child(2) {
  display: table-cell;
}
.responstable th:nth-child(2) span {
  display: none;
}
.responstable th:nth-child(2):after {
  content: attr(data-th);
}
@media (min-width: 480px) {
  .responstable th:nth-child(2) span {
    display: block;
  }
  .responstable th:nth-child(2):after {
    display: none;
  }
}
.responstable td {
  display: block;
  word-wrap: break-word;
  max-width: 7em;
}
.responstable td:first-child {
  display: table-cell;
  text-align: center;
  border-right: 1px solid #D9E4E6;
}
@media (min-width: 480px) {
  .responstable td {
    border: 1px solid #D9E4E6;
  }
}
.responstable th, .responstable td {
  text-align: left;
  margin: .5em 1em;
}
@media (min-width: 480px) {
  .responstable th, .responstable td {
    display: table-cell;
    padding: 1em;
  }
}

/*fin tableau */
/* social partage block */

.social-block{
	display: inline;	
}

.social-block a{
	margin-top: 25px;
	vertical-align: middle;
	padding: 8px 10px 10px 8px;
	width:33.3333333%;
	height: auto;
	font-size: 12px;
	font-weight: bolder;
	list-style: none;
	float: left;
	border: px solid #0888d2;
	cursor: pointer;
	color: white;
}
.social-block img{
	width: 24px;
	height: 24px;
	border: none;
}
.b1{
	background-color: #3b5998;
	-webkit-transition: background .3s;
		transition: background .3s;
}
.b2{
	background-color:#d34835;
}
.b3{
	background-color:#3f98ff;
}
.b1:hover{
	background-color: #446eca;
	-webkit-transition: background .4s;
		transition: background .4s;
}
.b2:hover{
	background-color: #ea4d38;
	-webkit-transition: background .4s;
		transition: background .4s;
}
.b3:hover{
	background-color: #47acff;
	-webkit-transition: background .4s;
		transition: background .4s;
}
.filtre_one{
display: inline-block;
    font-size: 10px;
}
.parametre{
display: inline-block;
    font-size: 10px;
}
.input-group{
width: 200px;
    font-size: 10px;
}
.inputgp{
display: inline-block;
margin-top:0px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:0px;

}
.marque{
display: inline-block;
}
.valeur{
display: inline-block;
}
#valeurmarque{

}
<!-- social partage block -->