/*#################################################################################################################
  ) )        /\
   =====      /  \
  _|___|_____/ __ \____________
 |::::::::::/ |  | \:::::::::::|
 |:::::::::/  ====  \::::::::::|                       Degrange Transactions - css screen
 |::::::::/__________\:::::::::|                                4feeling.com 2007
 |_________|  ____  |__________|
  | ______ | / || \ | _______ |
  ||  |   || ====== ||   |   ||
  ||--+---|| |    | ||---+---||
  ||__|___|| |   o| ||___|___||
  |========| |____| |=========|
 (^^-^^^^^-|________|-^^^--^^^)
 (,, , ,, ,/________\,,,, ,, ,)
','',,,,' /__________\,,,',',;;
#################################################################################################################*/

body{ background:#122253; text-align:center; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; color:#CCCCCC; }
img{ border:none; }

form{ margin:0px; padding:0px; }
.myhr{ clear:both; visibility:hidden; overflow:hidden; height:0px; }
a:link, a:visited, a:hover, a:active{ outline:none; }

/*################################################## CSS OVERALL #################################################*/
div#container{ text-align:left; width:979px; margin:0px auto 0px auto; background:url(images/menu.jpg) top left repeat-y; }
div#header{ background:url(images/header.jpg) top left no-repeat; height:166px; }
div#logo{ width:173px; height:120px; float:left; }
div#bandeau{ width:783px; height:106px; float:right; margin:5px 0px 0px 0px; }
div#entete{ float:right; height:40px; width:783px; margin:1px 0px 0px 0px; }

div#menu{ width:192px; float:left; margin:0px 0px 0px 0px; }
div#menu ul{ margin:0px; padding:0px; list-style:none; }
div#menu ul#biens-secteurs{ padding-top:30px; background:url(images/ul-secteurs.jpg) top left no-repeat; }
div#menu ul#informations{ padding-top:30px; background:url(images/ul-informations.jpg) top left no-repeat; }

div#menu ul li{ background:url(images/li.gif) bottom left no-repeat; padding:0px 0px 2px 0px; margin-left:2px; }

div#menu ul li a:link, div#menu ul li a:visited{ color:#FFFFFF; text-decoration:none; display:block; padding:9px 3px 9px 9px; }
div#menu ul li a:hover, div#menu ul li#actif a:link, div#menu ul li#actif a:visited{ color:#87aed3; background:url(images/li-over.gif) top left repeat-y; }


div#menu_carte{ margin:10px 0px 10px 11px; }

div#main{ width:765px; float:right; margin:0px 0px 0px 0px; }
h1{ border-bottom:solid 1px #9cabb9; margin:5px 0px 0px 0px; color:#dcdee5; font-size:1.6em; }
h1 span{ font-weight:normal; }

div#fildariane{ margin:13px 0px 25px 0px; color:#fff; text-align:right; }
div#fildariane strong{ font-size:1.2em; }
div#fildariane a:link, div#fildariane a:visited, div#fildariane a:hover{ text-decoration:none; color:#fff; }
div#fildariane span{ /*font-size:0.9em;*/ color:#788ed1; }

div#footer{ text-align:left; width:974px; margin:0px auto 0px auto; background:url(images/topetprint.jpg) top left no-repeat; color:#537591; padding:4px 5px 10px 0px;  }
div#footer div.liens{ float:right; }
div#footer a:link, div#footer a:visited{ color:#537591; }
div#footer a:hover{ color:#FFFFFF; }

div#topetprint{ margin:0px 0px 0px 0px; height:46px; padding:9px 0px 0px 20px; font-size:1.2em; }
div#topetprint a:link, div#topetprint a:visited, div#topetprint a:hover{ color:#fff; text-decoration:none; padding:0px 25px 0px 0px; }

/*##############################################################################################################*/
#tooltip{ position: absolute; z-index: 3000; border: 1px solid #4f6782; background-color: #d9e0e7; padding: 5px; opacity: 0.90; color:#020202; text-align:left; }
#tooltip h3, #tooltip div { margin: 0; }
#tooltip h3{ font-size:1.1em; color:#8e5932; }

/*########################################## SECTEURS LISTING ###################################################*/
div.liste-bien{ width:357px; float:left; border-bottom:solid 1px #b8c0c9; border-top:solid 1px #b8c0c9; margin-bottom:19px; padding:15px 10px 0px 10px; background:#e1e6eb; }
div.gauche{ margin:0px 10px 19px 0px; }

div.liste-bien-image{ float:left; margin:0px 10px 10px 0px; border:solid 1px #b8c0c9; } 
div.liste-bien-image img{ border:solid 1px #fff; }

div.liste-bien-titre{ color:#122253; }
div.liste-bien-titre a:link{ color:#122253; text-decoration:none; font-size:1.1em; }
div.liste-bien-titre a:visited{ color:#74899d; }
div.liste-bien-titre a:hover{ color:#74899d; }
div.liste-bien div.lieu{ color:#3e340e; }
div.liste-bien div.chapo{ color:#58728b; padding:18px 0px 10px 0px; line-height:1.1em; }

div.liste-bien-footer{ border-top:solid 1px #b8c0c9; clear:both; margin:0px -10px 0px -10px; height:22px; }
div.liste-bien-footer div.lien{ float:right; background:url(images/detail_bien.gif) left no-repeat; height:17px; padding:5px 15px 0px 35px;  }
div.liste-bien-footer div.lien a:link, div.liste-bien-footer div.lien a:visited{ color:#7e7e7e; }
div.liste-bien-footer div.lien a:hover{ text-decoration:none; color:#a8734c; }

div.liste-bien-footer div.prix{ padding:5px 0px 0px 10px; color:#a8734c; font-weight:bold; font-size:1.1em; } 

/*########################################## DETAIL BIEN ###################################################*/
div#bien-gauche{ float:left; width:368px; }
div#bien-gauche h1{ border:none; color:#a8734c; font-size:1.7em; margin:0px 0px 20px 0px; }
div#bien-gauche h1 span{ font-weight:normal; color:#fff; font-size:0.9em; }
h2{ color:#81a2c1; border-bottom:solid 1px #9cabb9; font-size:1.2em; padding:0px; margin:15px 0px 5px 0px; } 
h3{ color:#a8734c; font-size:1.1em; padding:0px 0px 0px 12px; margin:15px 0px 0px 0px; background:url(images/h3.gif) left no-repeat; } 


div#bien-droite{ float:right; width:384px; }

div#bien-droite div#bloc-infos{ border-bottom:solid 1px #b8c0c9; border-top:solid 1px #b8c0c9; margin-bottom:20px; padding:15px 10px 0px 10px; background:#e8ebee; color:#346d8b; }
div#bien-droite div#bloc-infos div.lieu{ padding-bottom:0px; color:#a8734c; font-size:1.5em; font-weight:normal; }
div#bien-droite div#bloc-infos div.prix{ border-top:solid 1px #b8c0c9; margin:5px -10px 0px -10px; height:22px; text-align:right; font-weight:bold; font-size:1.1em; padding:8px 10px 0px 0px; }

div#bien-droite div.detail-grande-photo{ border:solid 1px #b8c0c9; margin-bottom:20px; } 
div#bien-droite div.detail-petite-photo{ border:solid 1px #b8c0c9; float:left; margin-bottom:10px; }
div#bien-droite img{ border:solid 1px #fff; }

div#chapo-bien{ padding:15px 10px 15px 10px; background:#e8ebee; color:#346d8b; }


/********************************************** Boutons admins ***********************************************/
#boutons-admin{ position:absolute; top:5px; right:20px; }
.boutons-admin{  }
.boutons-admin a:link, .boutons-admin a:visited{ color:#999; border:double #999; padding:2px 5px 2px 5px; text-decoration:none;
	background:#e5e5e5; font-weight:bold; }
.boutons-admin a:hover{ color:#CC0000; border:double #CC0000; }


/********************************************** Contact ***********************************************/
.coordonnes{
	border-right:solid 1px #999999;
	color: #ffffff;
	font-size: 1.2em;
}
.coordonnes strong.fonce{
	color: #ffffff;
}