body{
	position: relative;
	max-width: 960px;
	font-family: Arial, sans-serif;
	color: #505050;
	margin: auto;
	padding: auto;
 }

 /*    -------------- LOGO ---------------    */

#fond {
	background:url('../imgs/logo1.png') no-repeat top left;
	position:relative;
	width:100%;
	height:90px;
	z-index:1;
}


.espace_logo {
	display: none;
} 

/*------------ h1 h2 h3 -------------*/

h1, h2{
	display:inline-block;
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
	width:100%;
	font-size:1.2em;
	color:#2c3e50;
	text-align:center;	
	background:#e7e7e7;
	font-weight: lighter;
}

h3
{
	margin-top:20px;
	padding: 0;
	font-size:1.4em;  
	text-align:center;	
	font-weight: bold;
}

/*--------- menu deroulant -----------*/
 
#menu {
 width:100%;
 height:29px;
 background:#e7e7e7;
}
#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 background:red;
 z-index:1;
 }
#menu li {
 float:left;
 margin:auto;
 padding-left:3px; 
 padding-right:3px;
 background-color:#e7e7e7;
 }
#menu ul li {
 text-align:center;
 border-width: 0px 1px 0px 0px;
 border-style: solid;
 border-color: #2c3e50;	
 } 
#menu ul li ul li{
 padding:6px;
 padding-right:40px; 
 text-align:left;
 border-width: 1px 0px 0px 0px;
 border-style: solid;
 border-color: #b1b1b1;
 } 
#menu li a {
 display:block;
 width:auto;
 padding:5px;
 color:#2c3e50;
 text-decoration:none;
 } 
#menu li a:hover {
 display:block;
 width:auto;
 padding:5px;
 color:red;
 text-decoration:none;
 } 
 #menu ul li ul {
 display:none;
 }
#menu ul li:hover ul {
 display:block;
 }
#menu li:hover ul li {
 float:none;
 }
 #menu li ul {
 position:absolute;
 }

 
#menu .lignblanc {	 
 display:none;
}

.lired {
	color:red;
}

.menutel {
	display:none;
}

 /*    -------------- BAR IMAGE -----------    */
 
img {
    display: block;
	width: 100%;
    height: auto;
}

	/*---------------------- ANNONCES A VENRE A LOUER ------*/
	
.vendsloue {
    display: block;
	width:40%;
	margin:auto;
	padding-bottom:3em;
}
.imgvends {
    display: inline-block;	
	float:left;
	width:100px;
	margin:0;
	border-radius:4%;
	box-shadow: 2px 2px 4px 0px #bcbcbc;
}
.imgloue {
    display: inline-block;	
	float:right;
	width:100px;
	margin:0;
	box-shadow: 2px 2px 4px 0px #bcbcbc;
}

  /*  -----------------------texte intro annonces----------------------*/
  
.textintro {
	display:block;
	margin:auto;
	margin-bottom:2em;
	padding:0;
	width:96%;
	font-size:0.9em;
	color:#2c3e50;
	text-align:justify;	
}
  
  /*    ------------------ menu à louer à vendre ----------------------*/
  
  .love {
	  display:block; 
	  margin-left:auto; 
	  margin-right:auto;  
	  margin-top:auto; 
	  margin-bottom:1em; 
	  padding:0.1em; 
	  font-size:1em; 
	  width:65%; 
	  border-bottom: 0.2em solid #e7e7e7;
  }
  .love1 {
	  display:inline-block;
	  margin-right:0.6em; 
	  padding-right:0.4em; 
	  padding-left:0.4em;
  }
  
  /*    ----------------- annonces ----------------    */

.row {
	width:66%;
	height: auto;
	margin:0px;
	padding-bottom:12px;
    margin-left:auto; 
    margin-right:auto;
	display: table;	
	border-radius:1%;
	box-shadow: 2px 2px 4px 0px #bcbcbc;
}
.imgconseiletactu {
	margin-right:10px;
	margin-left:10px;
	margin-bottom:6px;
	padding:0px;	
	width: 90px;
    height: auto;
	float: right;
	border-radius:4%;
	box-shadow: 4px 4px 4px 1px #bcbcbc;
}
.imgsannonces {
	margin-right:10px;
	margin-left:10px;
	padding:0px;	
	width: 90px;
    height: auto;
	float: right;
	border-radius:4%;
	box-shadow: 4px 4px 4px 1px #bcbcbc;
}
.annoncestitre {
	margin:3px;
	padding-left:10px;
	font-size:1em;
	font-weight: 600;
	color: blue;
	padding:0px;
	text-align:justify;
}
.annoncesarticle {
	margin:0px;
	padding-left:5px;
	font-size:0.9em;
	color: #505050;
	vertical-align: top;
}
.annoncesprix {
	margin:0px;
	padding-left:5px;
	padding-top:6px;
	font-weight: bold;
	font-size:0.8em;  
	color: grey;
}

 a:link {
	margin:0;
	padding:0;
	text-decoration:none;
 }
 .soulign:hover {
	margin:0;
	padding:0;
	text-decoration:underline;
 }

 	/*----------------- SUIVENT PRECEDENT -------------------*/

.tablemenug
{
	width: 100%;
	margin:auto;
	padding: auto;
	text-align:center;
 }
 
.navigationchiffre
{
	width: 14px;
	margin:auto;
    padding: auto;
    display: inline-block;
}
.navigationimg
{
	margin:auto;
    padding: auto;
    display: inline-block;
} 
  /*------------------- pied -----------------    */
  
.tablepied {
	width: 100%;
	margin:0;
	padding:0;
	background-color:#e7e7e7;	
}
.navpied ul   {  
	margin:0;
	padding:5px;
	font-weight: lighter;
	font-size:1em;  
	color: #919191; 
	text-align:center;
}
.navpied li {
	width: 20%;	
    display: inline-block;
    padding: 0.5rem;
	font-size:0.8em;  
	text-align:left;
	vertical-align: top;
} 
.navpied li + li {
	border-left: 1px solid grey ; /* partout sauf sur le 1er li */
}
.telbureau {
	color: #919191;
	text-decoration: none;
} 
.telbureau :hover {
	text-decoration: underline;
} 
 .cacher {
	 display: none;
 }
  /*-------------------- RESPONSIVE 640 ----------------------------*/
 
@media (max-width: 640px) {
	
 /*-------------- LOGO ---------------*/
 
#fond {
	background:url('../imgs/logo 640 x 501.jpg') no-repeat top left;
	position:fixed;
	width:100%;
	z-index:1;
}
#contenu {
	display:inline-block;
	position:fixed;
	width: 40px;
	top:0px;
	left:94%;
	top:8px;
	z-index:10;
}

/*-------------------------*/

h1, h2{
	display:inline-block;
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
	width:100%;
	font-size:1.1em;
	color:#2c3e50;
	text-align:center;
	font-weight: lighter;
	background:#e7e7e7;
}

.espace_logo {
	display: block;
	height: 50px;
}

/*------------------ menu deroulant --*/

#menu {
 display:none;
 }
 
 /*-------------------menu2---------------*/
 
.menutel {
	display:block;
}
.telmenu{
	font-family: Arial;
	font-size:16px;
	float:right;
	width:40%;
	margin:0.4em;
	margin-right:1em;
	margin-left:0.2em;
	background:#e7e7e7;
	padding:6px;
	padding-left:1px;
	border-radius:4%;
	box-shadow: 4px 4px 4px 1px #bcbcbc;
}
#menu2 {
 width:40px;
 height:29px;
}
#menu2 ul {
	transform: translateX(-100%);
	left:2.7em;
	top:2em;
 width:320px;
 background:white;
 margin:0px;
 padding:0px;
 list-style-type:none;
 z-index:1;
 border-radius:2%;
 box-shadow: 4px 4px 4px 1px #bcbcbc;
 }
#menu2 li {
 margin:auto;
 padding:0px;;
 background-color:white;
 }
 #menu2 ul li ul li{
	width:100%;
 margin:auto;
	 
 }
#menu2 li a {
 display:block;
 width:auto;
 padding:5px;
 color:#2c3e50;
 text-decoration:none;
 } 
#menu2 li a:hover {
 display:block;
 width:auto;
 padding:5px;
 color:red;
 text-decoration:none;
 } 
 #menu2 ul li ul {
 display:none;
	margin-top:0px;
 }
#menu2 ul li:hover ul {
 display:block;
 }
#menu2 li:hover ul li {
 float:none;
 }
 #menu2 li ul {
 position:absolute;
 }

 
#menu2 .lignblanc {	 
 display:none;
}

  /*  -----------------------texte intro annonces----------------------*/
  
.textintro {
	width:90%;
}
  
  /*    ------------------ menu à louer à vendre ----------------------*/
  
  .love {
	  display:block; 
	  margin-left:auto; 
	  margin-right:auto;  
	  margin-top:auto; 
	  margin-bottom:1em; 
	  padding:0.1em; 
	  font-size:1em; 
	  width:90%; 
	  border-bottom: 0.2em solid #e7e7e7;
  }
  .love1 {
	  display:inline-block;
	  margin-right:0.6em; 
	  margin-bottom:0.4em; 
	  padding-right:0.4em; 
	  padding-left:0.4em;
	  box-shadow: 1px 1px 0px 0px #aaa;
  }
	/*---------------------- ANNONCES A VENRE A LOUER ------*/
	
.vendsloue {
    display: block;
	width:70%;
	margin:auto;
	padding:auto;
}
.imgvends {
    display: inline-block;	
	float:left;
	width:90px;
	margin:auto;
	padding:0px;
}
.imgloue {
    display: inline-block;	
	float:right;
	width:90px;
	margin:auto;
	padding:0px;
}

    /*----------------- ANNONCES SIMILAIR -----------------*/
.row {
	width:86%;
	height: auto;
	margin:0px;
	padding:10px;
    margin-left:5%; 
    margin-right:5%;
	display: table;
	box-shadow: 2px 2px 2px 2px #aaa;
}


    /*----------------- PIED DE PAGE -----------------*/
	
.navpied ul {  
	margin:0;
	padding:20;
	font-weight: lighter;
	font-size:0.9em;  
	color: #e7e7e7;
}
.navpied li {
	width: 100%;	
	margin:0;
	padding: 0;
	text-align:center;
    display: inline-block;
	border-width: 0px 0px 0px 0px;
    border-color: white;
} 
.navpied li + li {
	border-left:none;
}
 .cacher {
	 display: block;
 }
 
}