body {
  margin: auto;
  background-color: #b3b48a;
 }

/* Inset 3D Curved 

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#E3E3E3; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#E3E3E3; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#E3E3E3; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#E3E3E3; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#E3E3E3; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#E3E3E3; border-left:1px solid #eee; border-right:1px solid #fff;}


.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}*/



/* CADRES Inset 3D Curved */
/* SHADOW */

 #box2, #box3 {display:block; position:absolute; top:2px; left:2px;}
#box1 {display:block; width:720px; height:460px; position:relative; top:20px; left:0; background-color: #cccccc; border:2px solid #f5f5f5; margin:0 auto;}
#box2 {width:712px; height:452px; background:#999; border:2px solid #aaa;}
#box3 {width:706px; height:446px; background:#777; border:2px solid #999;}
#box4 {display:block; width:710px; height:450px; position:absolute; bottom:0px; right:0px; background: #f5f5f5; border-bottom:1px solid #444; border-right:1px solid #444; borTder-top:1px solid #ff8; borTder-left:1px solid #ff8; padding:5px;}
#box5 {display:block; width:100px; height:101px; backtground:#777; boTrder-top:1px solid #333; boTrder-left:1px solid; boTrder-right:1px solid #ff8; borTder-bottom:1px solid #ff8; position:absolute; bottom:15px; right:15px; overflow:hidden;  background: url(../images/pttlogo.gif) no-repeat;  }

/* SHADOW */


 .cadreAnnonces {
  background: transparent; 
  margin: 15px auto auto 5px;
  float: left;
 }
.cadreAnnonces p {
  margin-top:0px;
}
.inset {
  background: transparent; 
  width: 97%; 
  margin: 15px auto auto 5px;
  float: left;
}


.inset h2 {
  font-size:21px; 
  color:#FFFFFF; 
  letter-spacing:1px; 
  margin:0 10px;
  padding-bottom:15px;
}

.inset p {
  padding-bottom:0em;
  padding-left:5px; 
  margin:0 10px; 
  text-align:left;
}
.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}


.boxcontent {
  display:block; 
  background: #DEDEDE; 
  border-left:1px solid #999999; 
  border-right:1px solid #ffffff;
  padding:15px;
}




.bordureHaut1 {
 display:block;
 overflow:hidden;
 height:1px;
 margin-right:5px;
 margin-left:5px;
 margin-bottom:0px;
 padding:0px;
 background: #DEDEDE;
 border-left:1px solid #999999;
 border-right:1px solid #AAAAAA;
}

.bordureHaut2 {
 display:block;
 overflow:hidden;
 height:1px;
 margin-top: 0px;
 margin-right:3px;
 margin-left:3px;
 margin-bottom:0px;
 padding:0px;
 background:#DEDEDE;
 border-top-width:0px;
 border-left:1px solid #999999;
 border-right:1px solid #AAAAAA;
 border-bottom-width: 0px;
}

.bordureHaut3 {
 display:block;
 overflow:hidden;
 height:1px;
 margin-top: 0px;
 margin-right:2px;
 margin-left:2px;
 margin-bottom:0px;
 padding:0px;
 background:#DEDEDE;
 border-left:1px solid #999999;
 border-right:1px solid #DEDEDE;
}

.bordureHaut4 {
 display:block;
 overflow:hidden;
 height:2px;
 margin-top: 0px;
 margin-right:1px;
 margin-left:1px;
 margin-bottom:0px;
 padding:0px;
 background:#DEDEDE;
 border-left:1px solid #999999;
 border-right:1px solid #f5f5f5;
}

.bordureBas1 {
 display:block;
 overflow:hidden;
 height:1px;
 padding:0px;
 margin-top: 0px;
 margin-right:5px;
 margin-left:5px;
 background:#DEDEDE;
 border-left:1px solid #AAAAAA;
 border-right:1px solid #FFFFFF;
}
.bordureBas2 {
 display:block;
 overflow:hidden;
 height:1px;
 padding:0px;
 margin-top: 0px;
 margin-right:3px;
 margin-left:3px;
 margin-bottom:0px;
 background:#DEDEDE;
 border-left:1px solid #f5f5f5;
 border-right:1px solid #FFFFFF;
}
.bordureBas3 {
 display:block;
 overflow:hidden;
 height:1px;
 margin-top: 0px;
 margin-right:2px;
 margin-left:2px;
 margin-bottom:0px;
 padding:0px;
 background:#DEDEDE;
 border-left:1px solid #DEDEDE;
 border-right:1px solid #FFFFFF;
}
.bordureBas4 {
 display:block;
 overflow:hidden;
 height:2px;
 margin-top: 0px;
 margin-right:1px;
 margin-left:1px;
 margin-bottom:0px;
 padding:0px;
 background:#DEDEDE;
 border-left:1px solid #AAAAAA;
 border-right:1px solid #FFFFFF;
}




/* MENU DU HAUT */
div#menuhaut {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 4px;
	padding-left: 35px;
	}
	
div#menuhaut a {
	color: #b3b48a;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
	}	
div#menuhaut a:hover {
	color: White;
	}


/* Adresse ARROBIO dans le bordereau d entete */
.raisonsociale {
	color : #FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 18px;
	line-height: 30px;
}
.telgros {
	color : #CCCCCC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	line-height: 25px;
	font-variant: small-caps;
	}	

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

h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-align:center;
}
h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-top:20px;
}
td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a {
   color : Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}
a:visited {
   color : Black;
	text-decoration: underline;
}
a:hover {
   color : #FF9933;
   font-weight: bold;
	text-decoration: none;
}
img {
	border-style: none;
	border-width: 0px;
}

.adress {
	color : Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: 17px;
	line-height: 23px;
	font-variant: small-caps;
}

.erreur {
	color:#FF0000;
}

	 
/* Conteneur de la largeur de la page */
div.corpsPage {
	width:100%;
	text-align:center;
}
table.corpsPage {
	width:1017px;
	border-style:none;
	border-width:0px;
	margin:auto;
}
col.corpsPage { width:1017px; }

/* MENU NAVIGATION */

#colonneMenuGauche {
	background-image: url(../images/fond-colonne-menu.jpg);
	background-repeat: repeat-y;
	width:220px;
	background-color: #FFFFFF;
	vertical-align:top;
	padding:0px;
}
div.menu {
	padding-top: 36px;
	padding-bottom:30px;
	paddYing-left: 10px;
	padding-right: 0px;
	margin: 0px;
	width:220px;
	
}
div.itemMenu1 {
	background-position:bottom;
	width: 146px;
	padding-top:22px;
	padding-left:20px;
	margin-bottom:20px;
	margin-left: -7px;
	text-align:center;
	height:20px;
	background: url(../images/iconpromo.gif) no-repeat 5px;
	border-left: 1px solid #e1e1e1;
	border-bottom: 1px groove #5a672e;
}
div.itemMenu2 {
	background-position:bottom;
	width: 121px;
	padding-top: 6px;
	padding-left: 48px;
	margin-bottom:20px; 	margin-left: -7px;
	text-align:center;
	height: 36px;
	background: url(../images/iconAmen.gif) no-repeat 5px 0px;
	border-left: 1px solid #e1e1e1;
	border-bottom: 1px groove #5a672e;
}
div.itemMenu3 {
	background-position:bottom;
	width: 146px;
	padding-top:22px;
	padding-left:20px;
	margin-bottom:20px; 	margin-left: -7px;
	text-align:center;
	height:20px;
	background: url(../images/iconMaison.gif) no-repeat 5px;
	border-left: 1px solid #e1e1e1;
	border-bottom: 1px groove #5a672e;
	}
div.itemMenu4 {
	background-position:bottom;
	width: 121px;
	padding-top:22px;
	padding-left:48px;
	margin-bottom:20px; 	margin-left: -7px;
	text-align:center;
	height:20px;
	background: url(../images/iconAppart.gif) no-repeat 5px;
	border-left: 1px solid #e1e1e1;
	border-bottom: 1px groove #5a672e;
}
div.itemMenu5 {
	background-position:bottom;
	width: 128px;
	padding-top:6px;
	padding-left: 43px;
	margin-bottom:20px; 	margin-left: -7px;
	text-align:center;
	height:36px;
	background: url(../images/iconTerr.gif) no-repeat 5px;
	border-left: 1px solid #e1e1e1;
	border-bottom: 1px groove #5a672e;
}
div.itemMenu6 {
	background-position:bottom;
	width: 146px;
	padding-top:22px;
	padding-left:20px;
	margin-bottom:20px; 	margin-left: -7px;
	text-align:center;
	height:20px;
	background: url(../images/iconLoc.gif) no-repeat 5px;
	border-left: 1px solid #e1e1e1;
	border-bottom: 1px groove #5a672e;
}
div.itemMenu7 {
	background-position:bottom;
	width: 146px;
	padding-top:22px;
	padding-left:20px;
	margin-bottom:20px; 	margin-left: -7px;
	text-align:center;
	height:20px;
	background: url(../images/iconMaison.gif) no-repeat 5px;
	border-left: 1px solid #e1e1e1;
	border-bottom: 1px groove #5a672e;
}
div.itemMenu {
	background-position:bottom;
	width:182px;
	padding-top:12px;
	padding-bottom:10px;
	text-align:center;
	height:40px;
	border: 1px solid white;
	background: url(../images/iconpromo.gif) no-repeat left;
}
a.menu {
   color : #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
   font-weight: bold;
   font-variant: small-caps;
	text-decoration: none;
 }
a.menu:visited {
   color : #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
   font-weight: bold;
   font-variant: small-caps;
	text-decoration: none;
 }
 a.menu:hover {
 color: #FFFFFF;
 }

a.menuT {
   color : #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
   font-weight: bold;
   font-variant: small-caps;
	text-decoration: none;
	color: #70813a;
	border: 1px solid #b3b48a;
	padding:3px;
	background-color: #f5f5f5;
 }
a.menuT:visited {
   color : #333333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
   font-weight: bold;
   font-variant: small-caps;
	text-decoration: none;
 }
 a.menuT:hover {
 color: #804000;
 }
/* RUBRIQUE */
td.rubrique {
	
	vertical-align:top;
	padding-top:0px;
	padding-bottom:0px;
	background: white;
}
div.rubrique {
	width:760px;
	padding-top:20px;
	text-align:center;
}
#corpsRubrique {
position: relative;
z-index:2;
  margin-left:1px;
  margin-right:8px;
  width:755px;
}
 .text  {
	color : Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	margin: 7px;
	text-align: left;
	
}

.titregestLoc {
	font-size: 17px;
	color: #804000;
	text-align: center;
	font-weight: bold;
	width: 650px;
}
.titregestLoc2 {
	font-size: 15px;
	color: #804000;
	text-align: center;
	font-weight: bold;
	width: 650px;
}
p.gestLoc {
	text-align: left;
	line-height: 21px;
	width: 650px;
	
}
p.gestLoc span {
	display: block;
	padding-top:2px;
	padding-bottom:2px;
	text-align: center;
	font-weight: bold;
	width: 650px;
	border: 2px solid #70813A;
	background-color: #DEDEDE;
}


/* CATALOGUE : Affichage des Annonces */

h1.locations {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	color: #6074A8;
}

h1.amenagFonc {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	color: #6074A8;
}
div#editoAmenag {
	text-align:center;
	padding:10px;
	font-size: 17px;
	line-height: 23px;
	font-style: italic;
	color: #804000;
	font-weight: bold;
	width: 630px;
	margin-left:50px;
	border: 2px solid #70813A;
	 background: #F5F5F5; 
}

#formSelectionAffichage {
	 text-align:center;
	 margin-top:0px;
	 padding-top:10px;
	 margin-bottom:40px;
}
#formSelectionAffichage h3 {
	text-align:center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-bottom:5px;
	padding-bottom:5px
}
#ville {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#codepostal {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#nbpieces {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#nparpage {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}
p.selecteurCriteres {
	text-align:center;
	padding-top:3px;
	margin-top:3px;
	padding-bottom:3px;
	margin-bottom:3px;
}
p.selecteurNparPage {
	text-align:center;
	font-size:11px;
	padding-top:2px;
	margin-top:2px;
	padding-bottom:2px;
	margin-bottom:2px;
}
#texteValiderCriteres {
	text-align:center;
	margin-top:1px;
	padding-top:1px;
	font-size:9px;
	font-style: italic;
	padding-bottom:1px;
	margin-bottom:1px;
}
a.pageCatalogue {
   color : Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
   font-weight: bold;
	text-decoration: none;
}
a.pageCatalogue:visited {
   color : Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
   font-weight: bold;
	text-decoration: none;
}
a.pageCatalogue:hover {
   color : #FF9933;
   font-weight: bold;
	text-decoration: none;
}
table.annonce {
   width:700px;
	margin: auto auto 30px auto;
	}
table.annonce col.colonne01 { width:160px; }
table.annonce col.colonne02 { width:540px; }
td.infosAnnonce table { width:540px;}
tr.titreAnnonce td {
	text-align:left;
	padding-left:5px;
	vertical-align: middle;
	border-style: solid;
	border-width: 2px ;
	border-color: #70813A;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	 background: #DEDEDE;
	} 
td.vignetteAnnonce a {
   color : Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
   font-weight: bold;
   font-variant: small-caps;
	text-decoration: none;
}
td.vignetteAnnonce a:hover {
   color : Black;
   font-weight: bold;
   font-variant: small-caps;
	text-decoration: underline;
}
td.infosAnnonce {
	vertical-align: middle;
}
td.introInfos {
   color : Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	vertical-align: top;
	padding-bottom:8px;
	padding-left:5px;
}
tr.titresInfos td {
	text-align:center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
tr.valeursInfos td {
	text-align:center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

/* ANNONCE DETAILLEE */
div.detailAnnonce {
  width:600px;
  margin:auto;
}
div.detailAnnonce p.prix {
	 text-align: right;
	 padding-bottom: 20px;
	 font-size: 16px;
	 font-weight:bold;
}

table.tableauImages {
   width:600px;
	margin: 30px auto 30px auto;
	}
table.tableauImages col { width:150px; }
tr.tableauImages td {
	text-align:center;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
div.detailAnnonce p.description {
	 text-align: justify;
	 padding-bottom: 10px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
}
table.detailAnnonce {
   width:640px;
	margin: auto auto 2px auto;
	
}
table.detailAnnonce col.colonne01 { width:300px; }
table.detailAnnonce col.colonne02 { width:340px; }
div.detailAnnonce p.divers {
	 text-align: justify;
	 padding-bottom: 10px;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 12px;
}
table.detailCaracteristiques { width:295px; }
table.detailCaracteristiques col.colonne01 { width:165px; }
table.detailCaracteristiques col.colonne02 { width:130px; }
td.intitule {
   font-size:12px;
	text-align:left;
	padding-left:3px;
	padding-top:1px;
	padding-bottom:1px;
	margin-top:0px;
	margin-bottom:0px;
}
td.valeur {
   font-size:12px;
	text-align:left;
	padding-left:5px;
	padding-top:1px;
	padding-bottom:1px;
	margin-top:0px;
	margin-bottom:0px;
}
td.separation {
	padding-top:4px;
	padding-bottom:4px;
}
hr.detailCaracteristiques {
	color: #804000;
}




/* copyright Arobase */
.copy {
   color : #ccc;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	 }
  
a.copy {
  color : #ccc;
  text-decoration: none;
  }
a.copy:visited {
  color : #ccc;
  text-decoration: none;
  }
a.copy:hover {
  color : #FF9933;
  } 
  
 table.slogan {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 	color:#FFFFFF; 
	font-variant: small-caps; 
	font-weight: bold;
	line-height: 25px;
	margin: 15px 530px 0px 0px;
 	}
td#basSite {
	width:797px; 
	height:112px; 
	background-image: url(../images/basdusite.jpg); 
	background-repeat:no-repeat; 
	background-position:bottom; 
	vertical-align:bottom;
	background-color: white;
}	
p.adressbas {
margin-top:1px; 
text-align:center; 
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size:15px;
line-height:22px; 
color: black; 
font-weight:bold;
}  
.promo {
	text-align: left;
	font-size:13px;
	line-height: 21px; 
	font-weight:bold; 
	color:000000;
	border-style:solid; 
	border-width:1px; 
	border-color:#70813A;
	background-color: #f5f5f5; 
	padding: 8px;
	width:390px;
}	