@charset "iso-8859-2";
/* CSS Document */

/*=========================================================================================================
	GLOBAL SITE
===========================================================================================================*/

html, body {
	margin: 0;
	padding: 0;
	font: 13px  Arial, Helvetica, sans-serif;
	color: #555;
	text-align: center ; /* centrage IE */
}
body {
	background: #EAEAEA url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/bg-bureau-immobilier.jpg) repeat-x 0 0;
	behavior:url("../csshover2.htc");/* Emulation du ":hover" sur IE */
	margin: 0;
}
body.sans {
	background: none;
	padding-top:10px;
}
#conteneur {
	position: relative;
	width: 980px;
	margin : 10px auto; /* centrage Mozilla */	
	text-align: left;
	background:#FFF;
}
p {
	margin: 0 30px 7px 82px;
	padding: 0;
	text-align: justify;
	line-height: 16px;
}
p.last {
	margin: 0 30px 20px 50px;
}
img {
	border: 0;
}
form {
	margin: 0;
}
a, a:visited {
	font: 13px Arial, Helvetica, sans-serif;
	color: #313A68;
	text-decoration: none;
}
a:hover {
	color: #039;
	text-decoration: underline;
}
a:active, a:focus {
   outline:none;
}
strong {
	color: #313A68;
	font-weight:bold;
}
/*========================================================================================================
	ENTETE DU SITE
==========================================================================================================*/
 
#head {
	width: 980px;
	height: 114px;
	background: url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/head-bureau-immobilier.jpg) no-repeat 0 0;
}
#head img {
	float: left;  /* IE 6 */
}

/*========================================================================================================
	MENUS DU SITE
==========================================================================================================*/

/* MENU PRINCIPAL ------------------------------------------------------------------------------------------*/

#box_menu {
	width: 978px;
	height: 32px;
	background: url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/bg_menu-bureau-immobilier.gif) repeat-x 0 0;
	margin:0 1px 0 1px;
}
#menu {
	height: 32px;
	margin: 0 0 0 70px;
	padding: 0;
	text-align: left;
}
#menu li {  /* tous les items de liste */
	float: left;
	position: relative;
	padding: 0;
	margin: 0 65px 0 0;
	list-style: none;
	background: url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/bouton-menu-bureau-immobilier.gif) no-repeat left 0;
}
#menu li.actif, #menu li:hover {
	background: url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/bouton-menu-bureau-immobilier.gif) no-repeat left -32px;
}
#menu li a, #menu li a:visited  {
	display: block;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	color: #575757;
	text-align: left;
	text-decoration: none;
	padding: 10px 14px 4px 14px;
	margin: 0;
	background: url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/bouton_right-menu-bureau-immobilier.gif) no-repeat right 0;
}
#menu li a:hover, #menu li a.selected {
	color: #313A68;
	background: url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/bouton_right-menu-bureau-immobilier.gif) no-repeat right -32px;
	padding: 11px 14px 5px 14px;
}

/* MENU GAUCHE ------------------------------------------------------------------------------------------*/

#box_menu2_haut {
	height:28px;
}
#box_menu2 {
	margin: 0;
	background: url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/bg-box-bureau-immobilier.gif) repeat-y 0 0;
}
#box_menu2_bas{
	height:8px;
}
#menu2 {
	margin: 0;
	padding: 0;
	text-align: left;
}
#menu2 li {
	padding: 0;
	margin: 0;
	list-style: none;
	height:36px;
}
#menu2 li:hover {
	background: url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/bouton_hover_menu2.gif) no-repeat 0 0;
}
#menu2 li.actif {
	background: url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/bouton_actif_menu2.gif) no-repeat 0 0;
}
#menu2 li a, #menu2 li a:visited  {
	display: block;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
	text-decoration: none;
	padding: 11px 5px 13px 29px;
	margin: 0;
}
#menu2 li a.double, #menu2 li a.double:visited  {
	padding: 5px 5px 7px 29px;
}
#menu2 li a:hover, #menu2 li a.selected {
	color: #575757;
}
#menu2 li.spacerMenu2 {
	background: url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/spacer-menu2.gif) no-repeat 0 0;
	height:16px;
}

/*========================================================================================================
	CORPS DU SITE
==========================================================================================================*/
#corps {
	position: relative;
	width: 980px;
	background: url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/bg-left-bureau-immobilier.gif) repeat-y 0 1px;
}
#acces {
	float:left;
	width: 818px;
	margin:0;
	padding: 3px 0 4px 0;
	background: #DFE6EF;
	text-align: left;
	border-top: #DFE6EF solid 1px;
}
#acces a,#acces a:visited {
	font:11px Verdana, Geneva, sans-serif;
	color:#6A80A6;
	text-decoration:none;
}
#acces a:hover {
	text-decoration: underline;
}
#left {
	float:left;
	width: 162px;
	height:550px;
	background : url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/illustration3-bureaux-professionnels.jpg) no-repeat 0 242px;
}
h1 {
	color: #313A68;
	text-align: left;
	padding: 6px 0 9px 60px;
	margin: 25px 0 5px 20px;
	background : url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/h1-bureaux-professionnels.jpg) no-repeat 0 0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
	font-size:22px; 
}
h2 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
	font-size:18px;
	color: #313A68;
	text-align: left;
	padding: 2px 0 3px 28px;
	margin: 25px 0 8px 50px;
	background : url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/h2-bureaux-professionnels.jpg) no-repeat 0 0;
}
h3 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
	font-size:18px; 
	color: #313A68;
	text-align: left;
	padding: 0 0 3px 30px;
	margin: 20px 50px 10px 50px;
	background : url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/h3-bureaux-professionnels.jpg) no-repeat 0 2px;
}
h4 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
	font-size:16px;
	color: #313A68;
	text-align: left;
	padding: 0 0 3px 22px;
	margin: 20px 50px 10px 52px;
	background : url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/h4-bureaux-professionnels.jpg) no-repeat 0 3px;
}
h5 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: normal;
	font-size:16px;
	color: #313A68;
	text-align: left;
	padding: 0 0 3px 22px;
	margin: 20px 50px 10px 52px;
	background : url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/h4-bureaux-professionnels.jpg) no-repeat 0 3px;
	border-bottom:#ddd 1px solid;
}
h6 {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size:16px; 
	color: #313A68;
	text-align: left;
	padding: 6px 0 5px 15px;
	margin: 0 0 0 5px;
	background : url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/h6.gif) no-repeat 0 0;
}
#contenu { 
	float:left;
	width: 818px;
	background: #fff;
	padding: 0;
	text-align: center;
	background:url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/illustration-bureaux-professionnels.jpg) no-repeat 97% 95%;
}
img.gauche {
	margin: 0 20px 0 0px;
}
img.droite {
	margin: 0 0 0 15px;
}
.bordure {
	border: #ccc solid 1px;
}
p a.lien, p a.lien:visited  {
	font: 12px Arial, Helvetica, sans-serif;
	color: #313A68;
	text-decoration: underline;
}
p a.lien2, p a.lien2:visited  {
	font: 14px Arial, Helvetica, sans-serif;
	color: #313A68;
	text-decoration: none;
}
p a.lien:hover, p a.lien2:hover  {
	color: #000;
	text-decoration: underline;
}
.style1 {
	font-size: 18px;
	font-weight: bold;
	color: #313A68;
	line-height: 21px;
	text-align: left;
}
.retrait {
	margin-left: 20px;
	color: #2D5B46;
}
.retrait2 {
	margin-left: 50px;
}
.retrait3 {
	margin-left: 120px;
}
.encart {
	display: inline-block;
	width: 10px;
	padding: 0 0 0 3px;
	margin: 0 2px 0 0;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	background-color: #FF9900;
}
#colonne {
	float:left;
	width: 205px;
}
#doc {
	text-align: center;
	padding: 15px 0 10px 0;
}
.actu {
	text-align: center;
	padding: 0 0 10px 0;
}
p.article {
	padding: 0;
	margin: 7px 0 0 10px;
	width: 180px;
}
#contact {
	width: 288px;
	height: 78px;
	margin: 0 auto;
	background: url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/contact.jpg) no-repeat 0 0;
}
#contact p {
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 26px;
	padding: 13px 0 0 48px;
	margin: 0;
}
#contact p strong {
	color: #fff;
	font-size: 16px;
}
#contact p a, #contact p a:visited  {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #fff;
}
#contact p a:hover  {
	text-decoration: underline;
	color: #fff;
}
#navigation {	
	width: 260px;
	margin: 20px 0 0 520px;
	padding: 3px 0 4px 0;
	background: url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/bg_nav.gif) no-repeat 0 0;	
}
.hide_nav {
	color: #999;
}
#coordonnee {
	font-size: 13px;
	font-weight: bold;
	color: #555;
	margin: 20px 0 0 0;
	line-height: 20px;
}
#coordonnee span {
	font-size: 11px;
	font-weight: normal;
}
#coordonnee a {
	font-size: 13px;
	font-weight: bold;
	color: #555;
}
.mention {
	font: italic 11px Arial, Helvetica, sans-serif;
}
a.bouton, a.bouton:visited  {
	float:right;
	display: block;
	width: 80px;
	color: #036;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 6px 24px;
	text-decoration: none;
	text-align:left;
	background: url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/bouton-bureaux-professionnels.gif) no-repeat 0 0;
}
a.bouton:hover  {
	color: #000;
}
ul.liste {
	margin: 5px 0 15px 120px;
	padding: 0;
	list-style: none;
	text-align: left;
}
ul.liste li {
	line-height: 28px;
	margin:0;
	padding: 0 0 0 8px;
	color: #888;
	font-family: Arial, Helvetica, sans-serif;
	border-left:#ddd solid 1px;
}
ul.liste2 {
	margin: 0 0 0 70px;
	padding: 0;
	list-style: none;
	text-align: left;
}
ul.liste2 li {
	line-height: 20px;
	padding: 0 0 0 23px;
	margin: 0 0 10px 0;
	background : url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/puce-bureaux-professionnels.gif) no-repeat 0 9px;
}

ul.liste li a, ul.liste li a:visited {
	font: 14px Arial, Helvetioca, sans-serif;
	color: #039;
	text-decoration: none;
}
ul.liste li a:hover {
	color: #000;
}
.encadre-haut {	
	height: 10px;
	margin: 10px 40px 0 80px;
	background: #EFEFEF url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/corner_right_haut.gif) no-repeat right 0;
}
.encadre {	
	background-color: #EFEFEF;
	margin: 0 40px 0 80px;
	padding:0;
}
.encadre-bas {	
	height: 10px;
	margin: 0 40px 10px 80px;
	background: #EFEFEF url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/corner_right_bas.gif) no-repeat right bottom;
}
.encadre p {
	padding: 0 15px 0 15px;
	margin: 0;
	color: #C44F00;
	font-weight:bold;
}
.programme {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #333;	
}
.ville {
	font: 12px Arial, Helvetica, sans-serif;
	color: #555;	
}
/*---------------------------------------------------------------------
	FORMULAIRES
---------------------------------------------------------------------*/
.formulaire  {
	background: url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/formulaire-bureaux-professionnels.gif) repeat-y 0 0;
}
.form_haut  {
	background: url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/formulaire_haut-bureaux-professionnels.gif) no-repeat 0 0;
}
.form_bas  {
	background: url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/formulaire_bas-bureaux-professionnels.gif) no-repeat 0 0;
}
.formulaire td {
	color: #555;
	padding-left: 10px;
}
.formulaire div {
	height: 28px;
}
.formulaire .choix {
	height: 22px;
}
.checkbox {
	margin: 0 1px 0 0;
}
. saisie {
	text-align: left;
}
.champ, .champ2 {
	border: #FFFFFF solid 1px;
	border-top: #cccccc solid 1px;
	border-left: #cccccc solid 1px;
	width: 200px;
	height: 17px;
	background-color: #eeeeee;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 2px 0 0 3px;
	margin: 0;
}
.champ2 {
	width: 50px;
}
.precision {
	border: #FFFFFF solid 1px;
	border-top: #cccccc solid 1px;
	border-left: #cccccc solid 1px;
	width: 200px;
	height: 60px;
	background-color: #eeeeee;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 3px;
}
a.valider, a.valider:visited  {
	display: block;
	width: 92px;
	color: #039;
	font-size: 13px;
	font-weight: bold;
	margin: 8px 0 0 0;
	padding: 3px 0 15px 0;
	text-align:center;
	text-decoration: none;
	background: url(http://www.location-bureaux-bordeaux.fr/img-louer-bureaux/valider-bureaux-professionnels.gif) no-repeat 0 0;
}
a.valider:hover  {
	color: #000;
}
.partenairesRef p {
	margin:0;
	padding:0;
	text-align:center;
}
.spacer {
	clear:both;
	width:980px;
	height:1px;
}
/*---------------------------------------------------------------------
	TABLEAUX
---------------------------------------------------------------------*/

.tbl  {
	align:center;
	background-color: #FFFFFF;
	border: #ccc solid 1px;
}
.tbl td {
	font: 11px Arial, Helvetica, sans-serif;	
	padding: 2px 2px 2px 4px;
	text-align: left;
	border: 0;
	vertical-align: top;
	line-height: 12px;
}
.tbl .titre {
	font-size: 13px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}
.tbl td.last {
	padding-bottom: 10px;
}
.tbl tr {
	color: #444;
}
.color1 {
	background-color: #313A68;
	color: #fff;
}
.color2 {
	background-color: #ddd;
	color: #313A68;
}
/*---------------------------------------------------------------------
	PIED DE PAGE
---------------------------------------------------------------------*/
#pied {
	width: 818px;
	height: 22px;
	border-top:#CCC dotted 1px;
}
.conteneur_bas {
	text-decoration:none;
}
#menu_pied {
	margin: 0;
	text-align: center;
	padding: 3px 0 0 0;
}
#menu_bas {
	padding: 0; 
	list-style-type: none;    
	margin: 0 auto;
	color: #ccc;
} 
#menu_bas li {
	display:inline-block;	
}
#menu_bas a, #menu_bas a:visited {
	display: block;         /* sauf IE */
	width: auto;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 1px 10px 2px 10px;
	color: #666;
	text-decoration: none;
	margin: 0 40px 0 40px;
}
#menu_bas a:hover, #menu_bas a.selected {
	color: #fff; 
	background: #999;
}
#referencement {
	clear:both;
	color: #888;
	padding: 5px 15px 20px 15px;
	font-size: 10px;
	text-align: center;
	background: #EAEAEA;
}
#referencement a, #referencement a:visited  {
	color: #888;
	font-size: 10px;
}