/*
	Feuille de style www.fritsch-immobilier.com
	© Okus Pokus 2007
*/

* {
	padding: 0;
	margin: 0;
}
html {
	width: 100%;
	height: 100%;
}
body {
	width: 100%;
	height: 100%;
	background: url(images/fond.gif) top center repeat-x;
	background-color: #292929;
	font: normal 0.7em Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

/* ------- Fond de page et ombrages ------- */
#page {
	position: absolute;
	width: 972px;
	min-height: 100%;
	left: 50%;
	margin-left: -486px;
	background: url(images/fond_page.gif) left top repeat-y;
}
#ombreG {
	position: absolute;
	width: 11px;
	height: 100%;
	left: 50%;
	margin-left: -497px;
	background: url(images/ombreG.gif) top left no-repeat;
}
#ombreD {
	position: absolute;
	width: 11px;
	height: 100%;
	left: 50%;
	margin-left: 486px;
	background: url(images/ombreD.gif) top left no-repeat;
}

/* ------- Colonne de gauche (menu top / visuel / adresse / copyrights) ------- */
#colG {
	float: left;
	width: 281px;
	background: url(images/fd_address.gif) 0 504px no-repeat;
}
div#address {
	padding-top: 55px;
	color: #FFD1B3;
	text-align: right;
}
div#address small {
	font-size: 0.9em;
}
div#address p {
	padding-bottom: 10px;
	padding-right: 15px;
}
div#address p#copy {
	padding-right: 0;
	padding-left: 10px;
	text-align: center;
	font-size: 0.9em;
	padding-bottom: 10px;
	padding-top: 70px;
	background: url(images/sepa_copy.gif) 141px 69px no-repeat;
}
div#address p#copy strong {
	margin-right: 10px;
}
div#address a {
	color: #FFD1B3;
	text-decoration: underline;
}
div#address a:hover {
	color: #FFD1B3;
	text-decoration: none;
}

/* ------- Colonne 3/4 droite ------- */
#contents {
	float: right;
	width: 691px;
	height: 100%;
}

/* ------- Partie header ------- */
#contents #header {
	width: 691px;
	height: 153px;
}

/* ------- Drapeaux langues ------- */
#menuflags {
	width: 113px;
	height: 143px;
	float: right;
	padding-left: 10px;
	padding-top: 10px;
	background: url(images/fond_flags.gif) top left no-repeat;
}
#menuflags a {
	float: left;
	display: block;
	width: 21px;
	height: 13px;
}
#menuflags a#fr {
	background: url(images/flag_FR.gif) top left no-repeat;
}
#menuflags a#en {
	background: url(images/flag_EN.gif) top left no-repeat;
}
#menuflags a#de {
	background: url(images/flag_DE.gif) top left no-repeat;
}
#menuflags a#it {
	background: url(images/flag_IT.gif) top left no-repeat;
}
#menuflags a#es {
	background: url(images/flag_ES.gif) top left no-repeat;
}

/* ------- Partie contenus ------- */
#contents #colM {
	width: 488px;
	float: left;
}
#contents .interne {
	background: url(images/fond_menu-int.gif) top left repeat-x;
}
#colM h1 {
	padding-top: 8px;
	padding-bottom: 10px;
}
#colM h2 {
	color: #FF7214;
	font-size: 1.2em;
	font-weight: bold;
}
#colM p {
	padding-bottom: 5px;
}
#colM a {
	color: #FF7214;
	text-decoration: underline;
}
#colM a:hover {
	text-decoration: none;
}
#colM .pave {
	padding-left: 35px;
}
#colM .cdc {
	background-color: #D3D3D3;
	padding-bottom: 30px;
	float: left;
	width: 453px;
}
#colM .cdrimg {
	float: left;
}
#colM .highsp {
	margin-right: 7px;
	margin-bottom: 9px;
}
#colM .lowsp {
	margin-right: 3px;
	margin-bottom: 15px;
}
#colM .light {
	padding-top: 5px;
	padding-left: 5px;
	background: url(images/ombres_imgs.gif) top left no-repeat;
}
#colM .dark {
	padding-top: 5px;
	padding-left: 5px;
	background: url(images/ombres_imgs2.gif) top left no-repeat;
}	
#colM .cdrimg img {
	text-align: center;
	border: 4px solid #FFF;
}
#colM img.big {
	border-bottom-width: 21px;
}
#colM img.small {
	border-bottom-width: 16px;
}
#colM .cdrimg p.label {
	text-align: left;
	font-size: 1.1em;
	margin-top: -18px;
	margin-left: 15px;
}
#colM .cdrimg p.ref {
	text-align: left;
	margin-top: -15px;
	margin-left: 10px;
	font-size: 0.9em;
	color: #B3B3B3;
}
#colM .emptytype {
	float: left;
	width: 204px;
	height: 93px;
	margin-top: 5px;
	margin-left: 5px;
	background: url(images/empty_type.gif) top left repeat-x;
}
#colM .line {
	clear: both;
}
#colM .resume {
	text-align: left;
	width: 142px;
	margin-left: 5px;
	margin-top: 8px;
}
#colM .resume p.type {
	color: #FF7214;
	font-size: 1.1em;
}
#colM .resume p.ville {
	color: #3C3C3C;
	padding-bottom: 3px;
}
#colM .resume p.sdescr {
	font-size: 0.9em;
}
#colM .sepaB, #colM .sepaH, #colM .sepaBor {
	width: 488px;
	height: 11px;
	clear: both;
}
#colM .sepaB {
	background: url(images/colM_sepaB.gif) bottom left no-repeat;
}
#colM .sepaH {
	margin-bottom: 15px;
	background: url(images/colM_sepaH.gif) bottom left no-repeat;
}
#colM .sepaBor {
	background: url(images/colM_sepaBor.gif) bottom left no-repeat;
}
#colM .cdrimg .new {
	position: absolute;
	border: 0;
}
#colM #menuint {
	width: 443px;
	height: 130px;
	padding-left: 45px;
	margin-bottom: 15px;
	background-color: #000;
	background: url(images/coin_menu-int.gif) bottom right no-repeat;
}
#colM #menuven {
	width: 170px;
	margin-right: 20px;
	float: left;
	background: url(images/sepa_menu-int.gif) top right repeat-y;
}
#colM #menuloc {
	float: left;
}
#colM #menuven ul {
	margin-left: 20px;
	margin-top: -5px;
	list-style-type: none;
}
#colM #menuven ul li a {
	background: url(images/puce_small.gif) center left no-repeat;
	padding-left: 9px;
	color: #666666;
	text-decoration: none;
}
#colM #menuven ul li a:hover {
	color: #FF7214;
	text-decoration: underline;
}
#colM #menuloc ul {
	margin-left: 20px;
	margin-top: -5px;
	list-style-type: none;
}
#colM #menuloc ul li a {
	background: url(images/puce_small.gif) center left no-repeat;
	padding-left: 9px;
	color: #666666;
	text-decoration: none;
}
#colM #menuloc ul li a:hover {
	color: #FF7214;
	text-decoration: underline;
}
#colM .trilist {
	font-size: 0.9em;
	clear: both;
	text-align: center;
	padding-bottom: 10px;
}
#colM .trilist a {
	padding-right: 5px;
	color: #FF7214;
	background: url(images/sepa_navdetail.gif) left center no-repeat;
	padding-left: 8px;
	text-decoration: underline;
}
#colM .trilist a:hover {
	color: #666666;
	text-decoration: none;
}
#colM .navlist, #colM .navdetail{
	clear: both;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}
#colM .navlist img {
	border: 0;
}
#colM .navlist a {
	padding-right: 10px;
	color: #FF7214;
	text-decoration: underline;
}
#colM .navlist a:hover {
	color: #666666;
	text-decoration: none;
}
#colM .navlist span.selected {
	padding-right: 10px;
	color: #666666;
	font-weight: bold;
}
#colM .toppage {
	width: 100%;
	text-align: right;
	margin-bottom: 30px;
}
#colM .toppage a {
	color: #FF7214;
	text-decoration: underline;
	background: url(images/puce_top.gif) top right no-repeat;
	padding-right: 20px;
	margin-right: 20px;
}
#colM .toppage a:hover {
	text-decoration: none;
}
#colM .navdetail {
	margin-bottom: 5px;
	margin-right: 10px;	
}
#colM .navdetail a.back, #colM .navdetail a.before, #colM .navdetail a.next, #colM .formdetail a {
	color: #FF7214;
	text-decoration: underline;
}
#colM .navdetail a.back:hover, #colM .navdetail a.before:hover, #colM .navdetail a.next:hover, #colM .formdetail a:hover {
	text-decoration: none;
}
#colM .navdetail a.back {
	float: left;
	background: url(images/puce_big-back.gif) top left no-repeat;
	padding-left: 20px;
	margin-left: 20px;
}
#colM .navdetail a.before, #colM .navdetail a.next {
	float: right;
}
#colM .navdetail a.before {
	background: url(images/flecheG.gif) center left no-repeat;
	padding-left: 11px;
	padding-right: 5px;
}
#colM .navdetail a.next {
	background: url(images/flecheD.gif) center right no-repeat;
	padding-right: 11px;
	padding-left: 5px;
}
#colM .detailtitle {
	float: left;
	font-size: 0.9em;
}
#colM a.print {
	display: block;
	float: right;
	color: #FF7214;
	text-decoration: underline;
	background: url(images/icon_print.gif) top right no-repeat;
	padding-right: 20px;
	margin-right: 20px;	
}
#colM a.print:hover {
	text-decoration: none;
}
#colM td.property {
	font-weight: bold;
	background: url(images/puce_small.gif) center left no-repeat;
	padding-right: 15px;
	padding-left: 10px;
}
#colM td.data {
	color: #FF7214;
}
#colM .ldescr {
	margin-top: 20px;
	margin-bottom: 20px;
}
#colM .zoom img {
	border: 0;
}
#colM .zoom {
	text-align: right;
	margin-bottom: 10px;
}
#colM .formdetail {
	clear: both;
	margin-top: 20px;
	margin-bottom: 15px;
}
#colM .formdetail label.colG {
	display: block;
	float: left;
	margin-right: 5px;
	width: 70px;
	text-align: right;
	margin-top: 3px;
}
#colM .formdetail input {
	margin-bottom: 2px;
}
#colM .formdetail textarea {
	width: 235px;
	height: 68px;
	margin-right: 20px;
	margin-bottom: 5px;
}
#colM .formdetail a {
	clear: both;
	background: url(images/puce_small.gif) center left no-repeat;
	margin-left: 370px;
	padding-left: 9px;
	margin-right: 10px;
}
#colM .formcontact, #colM .formalerte {
	margin-left: 35px;
	margin-bottom: 15px;
}
#colM .formcontact label.colG, #colM .formalerte label.colG {
	display: block;
	float: left;
	margin-right: 5px;
	text-align: right;
	margin-top: 3px;
}
#colM .formcontact label.colG {
	width: 70px;
}
#colM .formalerte label.colG {
	width: 140px;
}
#colM .formcontact textarea {
	width: 320px;
	height: 100px;
	margin-right: 20px;
	margin-bottom: 5px;
}
#colM .formcontact a, #colM .formalerte a {
	clear: both;
	background: url(images/puce_small.gif) center left no-repeat;
	margin-left: 370px;
	padding-left: 9px;
	margin-right: 10px;
}
#colM .formalerte textarea {
	width: 250px;
	height: 120px;
	margin-right: 20px;
	margin-bottom: 5px;
}
#colM #ggmap {
	width: 440px;
	height: 440px;
	border: 1px dotted #FF7214;
}

/* ------- Colonne droite ------- */
#contents #colD {
	width: 203px;
	float: right;
	background: url(images/fond_colD.gif) top left no-repeat;
}
#colD div.pave {
	padding-top: 10px;
	padding-bottom: 2px;
	padding-left: 7px;
	padding-right: 14px;
	text-align: right;
}
#colD h2 {
	font-size: 1.1em;
	color: #FF7214;
	text-align: left;
	background: url(images/puce_big2.gif) center left no-repeat;
	padding-left: 22px;
	margin-bottom: 10px;
}
#colD #advsearch {
	cursor: pointer;
}
#colD #form {
	display: none;
	height: 0;
}
#colD #form p {
	text-align: left;
}
#colD #form label {
	display: block;
}

/* DEBUT addon modules partenaires */
#colD #part ul {
	list-style-type: none;
}
#colD #part li {
	margin: 14px 0 0 0;
}
#colD #part img {
	border: 0;
	padding: 2px 0 0 3px;
}
#colD #part a {
	background: none;
	display: block;
	text-decoration: none;
	padding: 0;
	text-align: left;
}
#colD #part a:hover {
	text-decoration: underline;
}
#colD #part a.partname,
#colD #part a.partdescr {
	margin: 0 0 0 7px;
}
#colD #part a.partname {
	color: #ff7214;
	padding: 0 0 2px 0;
	text-decoration: underline;
}
#colD #part a.partdescr {
	padding: 2px 0 0 0;
	font-size: 0.9em;
	color: #7b7b7b;
}
/* FIN addon modules partenaires */

#colD #pla {
	background: url(images/head_pla.gif) top left no-repeat;
}
#colD #fin {
	background: url(images/head_fin.gif) top left no-repeat;
}
#colD #pla, #colD #fin {
	padding-top: 55px;
	margin-top: -5px;
}
#colD p, #colD #pla p, #colD #fin p {
	margin-bottom: 6px;
	text-align: left;
}
#colD #pla p, #colD #fin p {
	margin-left: 22px;
}
#colD p {
	margin-left: 5px;
	color: #7B7B7B;
}
#colD a {
	background: url(images/puce_small2.gif) center left no-repeat;
	color: #FF7214;
	text-decoration: underline;
	padding-left: 9px;
}
#colD a:hover {
	text-decoration: none;
}

/* ------- Classes de floating ------- */
.floatG {
	display: block;
	float: left;
}
.floatD {
	display: block;
	float: right;
}
.clear {
	clear: both;
}

/* ------- Formulaires ------- */
input, textarea, select {
    color:#FF7214;
	font: normal 1em Georgia, "Times New Roman", Times, serif;
}
textarea, select {
	width: 150px;
}

/* ------- Général ------- */
span.orange {
	color: #FF7214;
}
.center {
	text-align: center;
}
#contents2 {
	width: 500px;
	height: 100%;
	background-color: #CCCCCC;
}
#contents #colM2 {
	width: 488px;
}
#contents .interne2 {
	background-color: #D3D3D3;
}
#colM .pave2 {
	padding-left: 5px;
}