/*----------------------------------------------------------
	Style principal
	Projet:
	Sommaire:
		Reset css
		Balises par défaut
		Disposition
			Mise en page générale
			Eléments récurrents
			Les pages internes
				home.php
		Classes générales
----------------------------------------------------------*/


/* ========================================================================
 * Reset CSS
 * ========================================================================*/

@import "reset.css";

/* ========================================================================
 * Balises par défaut
 * ========================================================================*/

html {height:100%;}

body {height:100%; background:#404040; color:#a6a6a6; font-family:Arial, Helvetica, sans-serif;}

h2 {font-size:26px; color:#a6a6a6; margin:0 0 10px; text-transform:capitalize;}label { }

a { text-decoration:none;}

/* ========================================================================
 * Disposition
 * ========================================================================*/

/* -----------------------------------------
 * Mise en page générale
 * ------------------------------------------*/
#main {background:#000000; border:1px solid #7f7f7f; width:960px; margin: 0 auto; -moz-box-shadow:0 0 25px #000000; -webkit-box-shadow:0 0 25px #000000; box-shadow:0 0 25px #000000;}
	/*#header {position:relative; width:100%; height:153px;}
		#header h1 {text-align:center; text-transform:uppercase; font-size:35px; letter-spacing:3px; position:absolute; bottom:13px; left:0; width:100%;}*/
	/*#nav {background:url(../images/bgd_nav.png) no-repeat left top; text-align:right; position:absolute; bottom:-28px; left:0; height:29px; line-height:29px; width:100%;}
			#nav ul {padding:0 55px; float:right;}
				#nav li {display:inline; padding:4px 15px; float:left; line-height:20px;}
				#nav .active {background:#595959;}
					#nav a {display:inline-block; font-size:15px; color:#a6a6a6; letter-spacing:-1px;}*/
	#nav {width:960px; margin:0 auto; overflow:hidden; font-size:14px; color:#adadad; padding:30px 0 10px;}
		#nav span {float:left;}
		#nav .lang {float:right;}
		#nav .lang a {padding:0 0 0 5px;}
		#nav ul {float:left; padding:0 0 0 10px;}
			#nav li {border-left:1px solid #adadad; padding:0 8px; float:left;}
			#nav li:first-child {border:none;}
			#nav a {color:#adadad; display:inline-block;}
	#header {width:100%; padding:20px 0; border-bottom:1px solid #7F7F7F;}		
		#header h1 {text-align:center; text-transform:uppercase; font-size:35px; letter-spacing:3px; width:100%;}
			#header h1 a {color:#a6a6a6;}
		
	#container {margin:28px 0 0; padding:10px 32px 25px 22px; overflow:hidden; width:906px;}
		#content {}
			#cont {}
		#aside {}
	#footer {width:960px; margin:0 auto; overflow:hidden; font-size:11px; color:#adadad; padding:8px 0 30px;}
		#footer p {float:left;}
		#footer p span {display:inline-block; padding:0 0 0 80px;}
		#footer ul {float:right;}
			#footer li {border-left:1px solid #adadad; padding:0 8px; float:left;}
			#footer li:first-child {border:none;}
			#footer a {color:#adadad; display:inline-block;}

/* -----------------------------------------
 * Eléments récurrents
 * ------------------------------------------*/
.news {}
	.news li {margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #333333;}
	.news h3 {font-weight:bold;}
	.news .news-date {font-size:12px;}

.formatform {}
	.formatform p {margin:0 0 10px;}
		.formatform label {display:block;}
			.formatform label span {font-style:italic; font-size:smaller; margin:0 0 0 5px;}
			.formatform label span.infos {cursor:help;}
		.formatform input[type="text"] {border:1px solid #646464; background:#7f7f7f; height:20px; font-size:13px; color:#000; font-family:Arial, Helvetica, sans-serif; line-height:20px; padding:0 5px; width:250px;}
		.formatform textarea {border:1px solid #646464; background:#7f7f7f; font-size:13px; color:#000; font-family:Arial, Helvetica, sans-serif; line-height:20px; padding:0 5px; width:250px; height:105px; resize:none; overflow:auto;}
		.formatform select {border:1px solid #646464; background:#7f7f7f; font-size:13px; color:#000; font-family:Arial, Helvetica, sans-serif; line-height:20px; width:250px;}
		.formatform input[type="submit"] {background:url(../images/ico_links.png) no-repeat left 3px; font-size:13px; font-weight:bold; color:#595959; display:block; margin:10px 0; padding:0 0 0 15px;  border:none; cursor:pointer; overflow:visible;}

/* Grid system */
.row {width:888px; margin:0 auto; overflow:hidden; padding:0 0 25px; min-height:470px;}
.grid {width:948px; margin:0 0 0 -30px; overflow:hidden;}
	.grid .element {padding:25px 5px 20px; margin:-1px 0 0 30px; width:266px; float:left;}	
	.element {padding-bottom:20px; background:url(../images/bgd_element.png) no-repeat left top;}
		.element h3 {font-size:12px; color:#7e7e7e; text-transform:uppercase; margin:0 0 10px;}
		.element .big-photo {margin:0 0 20px;}
		.element p {font-size:14px; color:#a6a6a6; line-height:20px; text-align:justify;}
			.element p span {color:#7e7e7e;}
		.element .link-more {background:url(../images/ico_links.png) no-repeat left 3px; font-size:14px; color:#595959; display:block; margin:10px 0; padding:0 0 0 15px; text-decoration:underline;/* text-transform:capitalize;*/}
		.element a[href^='mailto:'] {color:#595959; font-size:14px;}
		.element .phone {font-size:14px; color:#a6a6a6; line-height:20px; margin:15px 0;}
		.element .photos {width:100%; overflow:hidden; height:80px;}
			.element .photos li {float:right;}
			.element .photos li:first-child {float:left;}
			.element .photos img {vertical-align:bottom;}
		.element li .link-more {margin:5px 0;}

	.reverse {background:url(../images/bgd_element.png) no-repeat left bottom;}


.grid-small {width:632px; margin-top:-15px;}
	.grid-small .element .link-more {margin-bottom:0;}


/* -----------------------------------------
 * Les pages internes
 * ------------------------------------------*/

/* home.php */
#default-index-index #container {margin:0; padding:0; width:100%;}
#default-index-index .row {padding-bottom:10px;}
.intro {border-bottom:1px solid #7f7f7f;}

.editable h2 {text-transform:none;}
.editable .link-more {text-transform:none;}

/* search */
#search {float:left; width:276px;}
	#search h2 {padding:0 0 0 10px;}
	#filters {margin:0 auto 35px; width:254px}
		#filters h4 {border:1px solid #5f5f5f; font-size:12px; font-weight:bold; line-height:29px; color:#7e7e7e; text-transform:uppercase; background:url(../images/bgd_togglers.png) no-repeat 9px 10px; padding:0 25px; position:relative; height:29px; margin:0 0 10px; cursor:pointer;}
		#filters .active {background-position:8px -70px;}
			#filters h4 span {font-size:11px; text-transform:none; position:absolute; right:10px; top:0; }
		#filters .toggle {padding:0 10px; font-size:12px; font-weight:bold; color:#7e7e7e; text-transform:uppercase;}
			#filters .toggle p {margin:0 0 8px;}
			#filters .toggle a {color:#7e7e7e;}
			#filters .toggle ul {padding:0 0 8px; margin:-10px 0 0;}
				#filters .toggle li {padding:8px 0 0;}
					#filters .toggle input[type="checkbox"] {vertical-align:text-top; margin:0 10px 0 0;}
	
	#search .element {padding:0 10px 15px;}
		#search .element p {text-align:justify; margin:0 0 10px;}
	
	#annonce-annonces-search #content .element p {height:80px; overflow:hidden;}
	
#content {float:right; width:581px; overflow:hidden;}
	
/* view */
#annonce-annonces-view #container {padding:10px 22px 25px 32px;}
#annonce-annonces-view h2 {margin:0 0 20px; text-transform:none;}

#display-infos {float:left; position:relative;}
	#slideshow {width:602px; height:391px; position:relative; margin:0 0 30px;}
	#loading {width:602px; height:391px; position:absolute; left:0; top:0; background:url(../images/ico_loader.gif) no-repeat center center;}
		#slideshow span {display:block; width:100%; height:100%; position:absolute;}
	#description {width:602px; overflow:hidden;}
		#tabs-nav {overflow:hidden; width:100%; background:url(../images/bgd_tabs.png) repeat-x left bottom;}
			#tabs-nav li {float:left; padding:0 15px 0 0;} 
			#tabs-nav .last {padding:0;} 
			#tabs-nav .last a {width:165px;} 
			#tabs-nav a {color:#7E7E7E; font-size:12px; text-transform:uppercase; font-weight:bold; height:29px; line-height:29px; border:1px solid #5F5F5F; border-bottom:none; display:inline-block; padding:0 0 0 25px; background:#000 url(../images/bgd_togglers.png) no-repeat 9px 10px; width:163px;}
			#tabs-nav .ui-state-active a {background-position:8px -70px; height:30px;}
		
		#description .tab {border:1px solid #5F5F5F; border-top:none; width:580px; overflow:hidden; padding:10px;}
			.ui-tabs-hide {display:none;}
			
			#description .inner {background:#1C1C1C; padding:10px 10px 1px;}
			#description .two-columns {width:265px;}
			#description h3 {color:#595959; font-size:14px; margin:0 0 5px; text-transform:uppercase;}
			#description table {color:#A6A6A6; font-size:14px; margin:5px 0 10px;}
				#description th {color:#7E7E7E; font-size:14px; width:130px;}
				#description td {line-height:20px;}
				#description td p {margin:0;}
				
			#description p {font-size:14px; color:#a6a6a6; line-height:20px; margin:0 0 10px; text-align:justify;}
			#description .fai {font-size:12px; color:#a6a6a6; line-height:25px; margin:0; clear:both;}
				#description p span {color:#7e7e7e;}
		
		#display-infos .link-more {background:url(../images/ico_links.png) no-repeat left 3px; font-size:14px; text-decoration:underline; color:#595959; display:block; margin:20px 0 20px; padding:0 0 0 15px;}

#aside {width:287px; float:right;}
	#thumbs {overflow:hidden; width:100%; padding-bottom:20px; background:url(../images/bgd_element.png) no-repeat left bottom;}
		#thumbs .thumbs {overflow:hidden; width:100%; margin:-3px 0 10px;}
			#thumbs li {width:142px; padding:3px 0; text-align:center; float:left;}
				#thumbs li img {vertical-align:bottom; border:2px solid #000;}
				#thumbs .selected img {border:2px solid #939293;}
			#thumbs .pagination {text-align:center; font-size:13px; color:#a6a6a6; line-height:20px;}
			#thumbs .pagination * {display:inline-block; padding:0 5px;}
				#thumbs .pagination a {color:#7e7e7e;}
	
	#links {padding:10px 12px; background:url(../images/bgd_element.png) no-repeat left bottom;}
		#links a {background:url(../images/ico_links.png) no-repeat left 3px; font-size:14px; text-decoration:underline; color:#595959; display:block; margin:10px 0; padding:0 0 0 15px; }
	
	#aside .price {width:265px; margin:20px auto; font-size:22px; color:#a6a6a6; line-height:20px;}
		#aside .price li {vertical-align:top; padding:5px;}

/* Contact */
#contact-index-index #container {margin:0; padding:0; width:100%;}

.contact {background:none;}

/* About */
#default-index-about #container {margin:0; padding:0; width:100%;}

/* Search */
#contact-index-request #container {margin:0; padding:0; width:100%;}
	#search-request h2 {padding:25px 40px 0;}
	#search-request .row {padding-bottom:30px;}
	#search-request .element {background:#1C1C1C; padding:20px 15px 0; width:246px;}
		#search-request fieldset {margin:0 0 15px; font-size:14px;}
		#search-request legend {color:#595959; text-transform:uppercase; padding:0 0 10px; }
		#search-request p, #search-request ul {padding:0; margin:0;}
		#search-request li {margin:0 0 5px;}
		#search-request label {font-size:14px;}
		#search-request .checkbox {margin:0 8px 0 0;}
	
		#search-request input[type="text"], #search-request textarea {width:230px;}
	
		#search-request .no-legend label {font-size:14px; color:#595959; text-transform:uppercase; margin:0 0 10px;}
		#search-request .no-legend input {width:230px;}
		
		#search-request .floor-space label {display:inline;}
		#search-request .floor-space input {width:40px;}
		#search-request .floor-space span {padding:0 8px 0 0; font-size:13px;}
	
		#search-request .checkboxes label {display:inline-block; padding:0 8px 0 0;}
		#search-request .checkboxes input {margin:0 3px 0 0;}
	
		#search-request .contact p {margin:0 0 10px; position:relative;}
		#search-request .contact .star {position:absolute; right:-8px; top:15%; font-weight:bold;}

/* Selling property */
#default-index-selling #container {margin:0; padding:0; width:100%;}

/* Mentions légales */
#default-index-legal h3 {text-transform:uppercase; color:#595959; font-size:14px;}
#default-index-legal #container p {margin:0 0 20px; text-align:justify; font-size:13px;}
#default-index-legal #container a {color:#595959; text-decoration:underline;}
	
/* ========================================================================
 * Classes générales
 * ========================================================================*/
.denied {background:url(../images/ico_warning_01.gif) no-repeat 8px 11px; padding:5px 35px 5px 35px; margin:5px 0; border-top:3px solid red;}
.denied li {border-bottom:1px dotted red; padding:3px 0;}
.clear { clear:both; line-height:0; height:0; font-size:0;}
.btn {width:auto !important; height:30px !important; background:#EFEFEF; border:1px solid #FFFFFF; cursor:pointer; font-weight:bold; line-height:15px; padding:2px 5px; overflow: visible;}
.checkbox {width:auto !important; height:auto !important; padding:0 !important; border:none !important;}
.nodisplay { display:none; }
.center { text-align:center; }
.right { text-align:right !important; }
.flright { float:right; }
.flleft { float:left; }