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

== Infos Structure: ========================
* Nom du fichier: 		style.css
* Version: 				1.1.0 (30/07/2008)
* Auteur: 				Cédric BOISSEAU
* Société : 			Créamotion [ http://www.creamotion.com ]


== Info site: ==============================
* Site web: 			http://immolys.com/
* Fluide[ ] | Fixe[x]
* Largeur de la page: 	990 px
* Nombre de colonnes: 	1


== Structure à respecter: ==================
* xxx-top
* xxx-middle
* xxx-bottom

* xxx-left
* xxx-center
* xxx-right

/!\ Sauf structure principale :
* header
* center(menu-gauche | content | menu droit)
* footer

== Outils utiles: ==========================
* http://lab.xms.pl/css-generator/ (générateur de CSS à partir d'un fichier XHTML)
* http://www.blog-and-blues.org/weblog/2004/05/24/214-font-size-em (en cas de problème avec les em)
http://www.eclaireur.net/technique/25-techniques-css-pour-ne-pas-avoir-a-reinventer-la-roue-partie-1/ (techniques CSS - menus, formulaires, tableaux ...)

== Parties: ================================
* Règles générales
* Connexion
* Fil d'Ariane
* Formulaires
* Pagination
* Tableaux
* Structure
* Boite type

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
									  /*********************/
									 /* Règles générales **/
/*********************************************************/
/*
# Couleur 1 : Noir	: #000
# Couleur 2 : Blanc	: #fff
# Couleur 3 : Rouge	: #ff0000
# Couleur 4 : Vert	: #00ff00
# Couleur 2 : Bleu	: #0000ff
*/

									  /*********************/
									 /* Règles générales **/
/*********************************************************/
/*hacks*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body{
	/*background:					#f0f0f0 url(../_images/bg.png) repeat-x;*/
	font-family:				verdana, sans-serif;
	font-size:					62.5%;
	line-height: 				1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*fin des hacks*/

img{
	border:						0px;
}
.clear{
	clear:						both;
}

/* Titres */
#content h1{
	/*color:#096F2C;
	font-size: 1.8em;
	padding:30px 30px 0 30px;*/
}
#content h1,#content h2{
	color:#096F2C;
	font-size: 2em;
	padding:75px 15px 0 15px;
	font-style: italic;
	font-weight: normal;
	font-family: "georgia";
	border-bottom:medium double #ccc;
	font-variant: small-caps;
    text-align: center;
    margin:0 0 10px 0;
    height:25px;/*100-75*/
}
#content ul, #content ol{
	padding:0 50px;
	font-size: 1.1em;
}
#content ul li, #content ol li{
	color:#333;
	line-height: 1.6em;
	font-style: italic;
	list-style-type: square;
}
h3{}
h4{}
h5{}
h6{}

/* Paragraphes */
p{
	background-color: 			inherit;
	color:						#000;
	line-height:				1.8em;
	padding:					10px;
	text-align:					justify;
	font-size: 1.1em;
}
a{
	color:#096F2C;
}
a:hover{color:#000;}
/* balises Diverses */
abbr{
	cursor:						help;
}/*abréviations lue lettre par lettre*/
acronym{
	cursor:						help;
}/*abréviation lue comme un mot*/
big{}/*texte de taille supérieure*/
cite{}/*citations*/
code{}/*code*/
small{color:#666;font-size:9px;font-style: italic;}/*texte de taille inférieure*/




											 /**************/
										 	/* Connexion **/
/*********************************************************/
#connexion{
	height:						.px;
	left:						.px;
	position:					relative;
	top:						.px;
	width:						.px;
}
										  /*****************/
										 /* Fil d'Ariane **/
/*********************************************************/
.ariane{
	background-color: 			inherit;
	color:						#000;
}
.ariane strong {
	background-color: 			inherit;
	color:						#A90101;
}
.ariane span{
	background-color: 			inherit;
	color:						#999;
}
.ariane a{
	background-color: 			inherit;
	color:						#555;
	text-decoration: 			underline;
}
.ariane a:hover{
	background-color: 			inherit;
	color:						#000;
	text-decoration: 			underline;
}
										   /****************/
										  /* Formulaires **/
/*********************************************************/
/*form{
	width:						500px;
}
form p{
	margin:						2px 0;
	padding:					0;
}
fieldset{
	border:						1px solid #ccc;
	padding:					2%;

}
legend{
	padding:					0 10px;
}
label{
	background-color:			#eee;
	color:						#000;
	display:					block;
	width:						45%;
	float:						left;
	margin-right: 				1%;
	padding-right:				1%;
	text-align:					right;
}
input.checkbox{}
input.radio{}
input.text{
	padding:					1px;
	width:						50%;
}
input.password{
	padding:					2px;
	width:						50%;
}
input.submit,
input.button,
input.reset{
	cursor: 					pointer;
}
textarea{}

   */
#monFormulaire tr td{
	vertical-align: top;
}
											/***************/
										   /* Pagination **/
/*********************************************************/
/*.pagination{
	border-top:					1px dotted #ddd;
    height:						30px;
    float:						left;
    margin:						0 9px 0 0;
    padding:					5px 0 10px 0;
    width:						.px;
}
.pagination *{
	display:					block;
    float:						left;
    font-weight: 				bold;
    margin:						0 0 0 2px;
    padding:					3px;
    text-decoration: 			none;
}
.pagination a{
	background-color: 			#ffffff;
    border:						#386296 1px solid;
    color:						#4976ad;
    text-decoration: 			none;
}
.pagination a:hover{
    background-color:			#4976ad;
    border:						#386296 1px solid;
	color:						#fff;
}
.pagination  span.selected {
    background-color: 			#4976ad;
	border:						#386296 1px solid;
    color:						#fff;
}
.pagination .etc{
    background-color: 			#ffffff;
	border:						#4976ad 1px solid;
    color:						#ccc;
    cursor:						default;
}   */
											  /*************/
											 /* Tableaux **/
/*********************************************************/
table{}
th{}
tr{}
td{}
											 /**************/
											/* Structure **/
/*********************************************************/
 #header-extended{
 	height:167px;
 	position:absolute;
 	top:0;
 	background: url(../_images/bg-header.png) top center no-repeat;
 	width:100%;
 	display:none;
 }
#main{
	font-size: 1em;
	width: 100%;
	
}
	#header{
		height:167px;
		width: 990px;
		display:none;
	}
	    #header-1{
	    	background: url(../_images/header-1.jpg) no-repeat;
	    	float:left;
	    	height:167px;
			width: 290px;
	    }
	    #header-2 h1 a{
	    	background: url(../_images/logo.jpg) no-repeat;
	    	display:block;
	    	float:left;
	    	height:167px;
			width: 570px;
	    }
	    #header-2 h1 a span{
	    	display:none;
	    }
	    #header-3{
	    	background: url(../_images/header-3.jpg) no-repeat;
	    	float:left;
	    	height:167px;
			width: 130px;
	    }
	#menu{
		background: url(../_images/bg-menu.png) repeat-x;
		height:30px;/*38-8*/
		padding-top:8px;
		width: 990px;
		display:none;
	}
    #menu ul{
    	height:30px;
    	margin:0 auto;
		width: 714px;
    }
    #menu ul li{
    	float:left;
    	list-style-type: none;
    }
    #menu ul li a{
    	background: url(../_images/bg-menu-li.png) no-repeat top;
    	color:#fff;
    	display:inline;
    	float:left;
    	font-size: 1.3em;
    	font-variant: small-caps;
    	font-weight: bold;
    	height:30px;
    	line-height: 30px;
    	margin:0 1px;
    	text-align: center;
    	text-decoration: none;

		width: 100px;
    }
    #menu ul li a:hover,#menu ul li a.selected{
    	background-position: bottom;
    	color:#096f2c;
    }
  #content{
  	/*background: url(../_images/bg-content.png) repeat-y;
  	margin:0 auto;
  	padding:20px;*/
  	width: 100%;
  }
  #footer{
  	/*background: url(../_images/bf-footer.png) no-repeat;*/
  	padding:25px 0 0 0;
  	height:43px;/*68-25*/
  	width:100%;
  	text-align: center;
  	clear:both;
  }
  #footer p{
  	text-align: center;

  }
  											/*************/
										   /* Colonnes **/
/*******************************************************/
.colonne-top{
	background:				url(../_images/bg-horizontal.png) top repeat-x;
	height:					5px;
}
.colonne-top-left{
	background:				url(../_images/bg-corners.png) top left no-repeat;
	height:					5px;
	width:					5px;
	float:					left;
}
.colonne-top-right{
	background:				url(../_images/bg-corners.png) top right no-repeat;
	height:					5px;
	width:					5px;
	float:					right;
}
.colonne-middle{
	border-left:			1px solid #ddd;
	border-right:			1px solid #ddd;
	padding:				10px 0;
}
.colonne-bottom{
	background:				url(../_images/bg-horizontal.png) bottom repeat-x;
	height:					5px;
}
.colonne-bottom-left{
	background:				url(../_images/bg-corners.png) bottom left no-repeat;
	height:					5px;
	width:					5px;
	float:					left;
}
.colonne-bottom-right{
	background:				url(../_images/bg-corners.png) bottom right no-repeat;
	height:					5px;
	width:					5px;
	float:					right;
}
											/***************/
										   /* Balises CMS**/
/*********************************************************/
#loading-mask {
	color:						#D85909;
	font-size:					1.1em;
	font-weight:				bold;
	/*opacity:					0.8;*/
	position:					absolute;
	text-align:					center;
	z-index:					500;
}

#loading-mask .loader {
	background:					#fff4e9 none repeat scroll 0%;
	border:						2px solid #F1AF73;
	color:						#d85909;
	font-weight:				bold;
	left:						50%;
	margin-left:				-140px;
	padding:					15px 60px;
	position:					fixed;
	text-align:					center;
	top:						45%;
	width:						160px;
	z-index:					1000;
}

.highlight_word{
	font-weight:				bold;
	font-style:					italic;
	text-decoration:			underline;
}

.error {
 	border:						1px solid red;
	background-color:			#fff;
	color:						#660000;
	padding:					5px;
	margin:						0 5px;
}

.error h3{
	padding-bottom:				5px;
	text-decoration:			underline;
}

.error ul{
	padding-left:				20px;
}

.error ul li{
	/*font-weight:				bold;*/
}

.notify {
	border:						1px solid #336699;
	background-color:			#fff;
	color:						#336699;
	padding:					5px;
}

.lastname,
.hidden{
	display:					none;
}

blockquote {
	margin:						16px;
    padding:					8px;
    background-color:			silver;
}

address{
	display:					inline;
}
form{
	width:700px;
	margin:0 auto;
}
form fieldset{
	border:none;
}

form legend{
color:#096F2C;
	font-size: 1.6em;
	padding:15px;
	font-style: italic;
	font-weight: normal;
}

form tr td{
	text-align: right;
	padding:5px;

}

/*page ventes*/
.un-bien{
	width:96%;
	float:left;
	padding:2%;
	overflow: hidden;
	border-bottom: medium double #ccc;
}
.un-bien .titre{
	font-size: 10px;
	font-weight:normal;
	font-style: italic;
	padding:0 0 3px 10px;
	color:#555;
}
.un-bien h3{
	/*position:relative;
	top:36px;
	left:172px;*/
	font-size: 12px;
}
.un-bien h3 a{
	color:#096F2C;
	text-decoration: none;
}
.un-bien p{
	color:#555;
	padding:5px;
	text-align: left;
}
.un-bien p b{
	color:#333;
}
.un-bien .left{
	float:left;
	width:400px;
	position:relative;	
}
.un-bien .left p{
	line-height: 26px;
}
.un-bien .right{
	width:100%;
	/*float:right;*/
	position:relative;
	padding:10px 0 20px 0;
	clear: both;
}
.un-bien .right p{
	line-height: 26px;
	
}
.boutons{
	/*display:none;*/
}
.boutons a.fiche, .fiche-right a.fiche{
	background: url(../_images/btn-fiche.png) no-repeat top;
	display:inline;
	height:20px;
	line-height: 20px;
	width:100px;
	text-align: center;
	color:#fff;
	font-weight: bold;
	text-decoration: none;
	margin:0 0 0 10px;
    display:none;

}
.un-bien .infos img{
	width:320px;
	height:200px;
	border:none;
	padding:0;
/*	margin:0 0 3px 0;*/
}
.un-bien .boutons{
	clear:both;
	width:100%;
}
.float-left{float:left;}
.float-right{float:right;}
.un-bien .boutons a.fiche:hover, .fiche-right a.fiche:hover{
	background-position: bottom;
}
.div-center{
	margin-left:auto;
	margin-right:auto;
}
.un-bien .left img, .fiche-right img{
	width:150px;
	border:1px solid #ccc;
	display:inline;
	float:left;
	padding: 1px;
	margin:0 9px;
}
.fiche-right img{
	margin:5px 0;
}
form#recherche-bien{
	width:500px;
	padding:10px 0 0 0;
}
form#recherche-bien label{
	color:#555;
	height:25px;
	line-height: 25px;
}
form#recherche-bien input,form#recherche-bien select{
	margin:10px 5px 0px;
	height:15px;
	border:1px solid #c5d5ce;
	background-color: #e1e9e5;
}
form#recherche-bien select{
	height:20px;
}
form#recherche-bien input.btn{
	display:block;
	height:25px;
	cursor: pointer;
	width:150px;
	margin:5px auto;
	background-color: #134621;
	border:1px solid #134621;
	color:#fff;
	font-weight: bold;
}
form#recherche-bien div.filtre{
	border-bottom:1px dotted #ddd;
	padding:0 0 5px 0;
	width:98%;
	margin:0 auto;
}

/*page fiche*/
.fiche-left{
	width:100%;
    background: url(../_images/lys-print.jpg) no-repeat right bottom;
}
.grande-photo a{
	width:600px;
	margin:0 auto;
	border:1px solid #CCCCCC;
	padding:1px;
	display:block;
}
.fiche-right{
	float:left;
	width:35%;
    display:none;
}
.fiche-right p{
	text-align: center;
}
.fiche-left p{
	border-top:1px dotted #ccc;
}
.fiche-left p, .fiche-right p{
	padding:5px 10px;
}
#content .fiche-right ul,#content .fiche-right ol{
	padding:0;
	width:154px;
	margin:0 auto;
}
#content .fiche-left ul,#content .fiche-left ol{
	padding-bottom:5px;
	list-style-type: circle;
}
.fiche-right ul li{
	list-style-type: none;
	display: inline;
}
.fiche-right ul li a{
	background: none;
	padding:5px 0;
}
#content p a{
	color:#096F2C;
}
#content p a:hover{
	color:#333;
}
#content a.retour{
	position:relative;
	float:right;
	top:-20px;
	text-decoration: none;
	color:#096F2C;
    display:none;
}
#content a.retour:hover{
	color:#000;
}
.btn-ok{cursor: pointer;}
.logo-immolys{
    display:block;
    position:absolute;
    left:0;
    top:0;
}
.agence{
    position:absolute;
    top:25px;
    right:0;
}
											/***************/
										   /* Boite type **/
/*********************************************************/
/*.xxx-top{
	background-image:			url(../_images/xxx-top.png);
	background-repeat:			no-repeat;
	color:						#.;
	height:						.px;
	line-height:				.px;
	text-align:					center;
	width:						.px;
}
.xxx-middle{
	background-image:			url(../_images/xxx-middle.png);
	background-repeat:			repeat-y;
	color:						#.;
	height:						.px;
	line-height:				.px;
	text-align:					center;
	width:						.px;
}
.xxx-bottom{
	background-image:			url(../_images/xxx-bottom.png);
	background-repeat:			no-repeat;
	color:						#.;
	height:						.px;
	line-height:				.px;
	text-align:					center;
	width:						.px;
}*/