/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
}

a{
	text-decoration: none;
}

a:link{
	text-decoration: none;
}

a:visited{
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size:14px;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}





/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 0px 0px 0px 0px;
	margin:0px;
	height:140px;
	color:#0099FF;
	background-color:#428444;
	border-bottom: 1px solid #cccccc;
	width: 100%;
}

#navBar{
	float: left;
	width: 13%;
	margin: 0px;
	padding: 0px;
}

#headlines{
	width: 20%;
	height:450px;
	float:right;
}

#content{
	float: left;
 	width: 60%;
	margin-left:20px;
}
#content_large{
	float: left;
 	width: 80%;
	margin-left:20px;
	padding:0px;
	background-color:#FFFFFF;
}

/***********************************************/
/* Components                                  */
/***********************************************/



/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}



/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}



/************* #siteInfo styles ***************/

#siteInfo{
width:100%;
height:10%;
clear:both;
background-color:#FFFFFF;
}

.siteInfo{
font-family:"Palatino Linotype";
font-weight:bold;
font-size:12px;
color:#004C93;
margin-left:50px;
margin-right:10px;
padding-top:30px;
text-align:center;
}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks a:hover{
	background-color:#99CC99;
	color:#333333;
}

/** lc **/

/*************** #SITE **************************/
#site{
position:absolute;
top:50%;
left:50%;
margin-top:-280px;
margin-left:-400px;
width:800px;
height:inherit;

background-color:#FFFFFF;
}
#body{
background-color:#DADADC;
}


/*************** class menu ********************/
.menu_on{
	width:103px;
  	height:25px;
	margin-top:5px;
	margin-bottom:5px; 
	background-color:#B9E2BA;
    background-repeat:repeat-y; 
	font-family:"Palatino Linotype"; 
	font-weight:bold;
	font-size:12px;
	color:#333333;
	text-align:center;
	padding-top:8px;
}

.menu_off{
	width:103px;
  	height:25px;
	margin-top:5px; 
  	margin-bottom:5px; 
	background-color:#428444;
	color:#FFFFFF;
	font-family:"Palatino Linotype";
	font-weight:bold;
	font-size:12px;
	text-align:center;
	padding-top:7px;
}

/***************** sous menu ***********************/
#sous_menu a:hover{
background-color:#99CC99;
color:#333333;
}

.sous_menu_off{
	width:103px;
	height:12px;
	background-color:#428444;
	color:#FFFFFF;
	font-family:"Palatino Linotype";
	font-weight:bold;
	font-size:11px;
	padding-bottom:3px;	
	padding-top:3px;
	padding-left:2px;
	padding-right:2px;
	margin-right:2px;
	text-align:center;
}
.sous_menu_on{
	width:103px;
	height:12px;
	background-color:#B9E2BA;
	color:#333333;
	font-weight:bold;
	font-family:"Palatino Linotype";
	font-size:11px;
	padding-bottom:3px;	
	padding-top:3px;
	padding-left:2px;
	padding-right:2px;
	margin-right:2px;
	text-align:center;
}

/*************** CorpsContact ********************/
#CorpsContact {
	width:500px;
	height:300px;
	background-image:url('http://logiciel-horizon.com/sornin/commun/htm/images/fond_recherche.jpg');
	margin-top:10px;
}

/************** CorpsRecherche *******************/
#CorpsRecherche{
	width:500px;
	height:350px;
	margin-top:10px;
}
/************** CorpsAnnonces *********************/
#CorpsAnnonces{
	margin-top:10px;
}
/************** CorpsFiche **********************/
#CorpsFiche {
	width:650px;
	height:300px;
	background-image:url('http://logiciel-horizon.com/sornin/commun/htm/images/fond_bleu.jpg');
	margin-top:10px;
}

/********************************* PAGE ANNONCES **************************************/

#PhotoAnnonces {
	width:150px;
	height:80px;
	float:left;
	margin-top:20px;
	border:1px;
	border-color:#004C93;
	border-style:inset;
	background-image:url('http://logiciel-horizon.com/sornin/commun/htm/images/fond_bleu.jpg');
}
#DetailAnnonces {
	width:450px;
	min-height:160px;
	float:right;
	margin-top:20px;
	margin-left:10px;
}
#Navigation{
width:800px;
background-color:#FFFFFF;
clear:both;
}

/********** class photo annonces *********/
.photoannonces{
}

/******** class detail annonces ************/
.detailannonces{
background-color:#99CC99;
}

/********* NOUVELLE PAGE ANNNONCES **************/
#annonces {
	width:660px;
	float:left;
	margin:0px;
	padding:0px;
	margin-left:20px;
	margin-top:10px;
}
#annonces ul{
	margin: 0px;
	padding: 0px;
}
#annonces li{
	float:left;
	display:block;
	margin: 3px;
	padding: 0px;
	width:210px;
	height:210px;
	border: 1px solid #428444;
}
.type2 {
	font-family:"Palatino Linotype";
	font-weight:bold;
	color:#000000;
	text-align:center;
}
.localisation2 {
	font-family:"Palatino Linotype";
	color:#000000;
	text-align:center;
}
.photo2 {
	text-align:center;
}
.prix2 {
	font-family:"Palatino Linotype";
	color:#FF0000;
	text-align:center;
}
.fichedetaillee2 {
	font-family:"Palatino Linotype";
	text-align:center;
}
/************************************************/


/************************************ fin page annonces *******************************/



/********************************* FICHE DETAILLEE ************************************/
/************ Photo ********************************/
#Photo {
	width:160px;
	height:160px;
	float:left;
	margin-top:20px;
}
.photo {
	border:1px;
	border-color:#004C93;
	border-style:inset;
}
.photodetail {
	border:1px;
	border-color:#004C93;
	border-style:inset;
	margin-top:10px;
	text-align:right;
}
/*********** Detail **********************************/
#Detail {
	width:450px;
	min-height:550px;
	float:right;
	margin-top:30px;
}
/*********** Class detail **************************/
.detail {
background-color:#99CC99;}
/*********** class photo *************************/
.photo {
}
/*********** class titrefiche ********************/
.titrefiche {
font-size:14px;
font-weight:bold;
margin-top:5px;
padding-left:5px;
color:#FFFFFF;
}

/**************************************** fin fiche detaillee ****************************************/

/************** Class lien ************************/
.lien{
font-family:"Palatino Linotype";
font-size:12px;
color:#333333;
}
/************** Class corpsrecherche ****************/
.corpsrecherche{
background-color:#99CC99;
font-family:Arial, Helvetica, sans-serif;
font-family:"Palatino Linotype";
font-weight:bold;
font-size:12px;
color:#333333;
}
/************* Class corpscontact *******************/
.corpscontact {
font-family:Arial, Helvetica, sans-serif;
font-family:"Palatino Linotype";
font-weight:bold;
font-size:12px;
color:#004C93;
}
/********** Class corpsannonces *********************/
.corpsannonces{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#004C93;
}

/************* Class corpsfiche **********************/
.corpsfiche {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
color:#004C93;
}


/************* ColonneGaucheBas *****************/
#ColonneGaucheBas{
	width:103px;
	height:200px;	
	background-color:#428444;
	
}
#ColonneGaucheBas2{
	width:103px;
	height:500px;	
	background-color:#428444;
	
}
/*********** CorpsCoupCoeur *****************/
.titre_colonne{
	width:130px;
	height:30px;
	background-color:#99CC99;
	font-family:"Palatino Linotype";
	font-weight:bold;
	font-size:12px;
	padding-top:8px;
	padding-left:5px;
	padding-right:5px;
	margin-left:5px;
	margin-top:5px;
	text-align:center;
}

#CorpsCoupCoeur{
	width:130px;
	height:355px;
	background-color:#336666;
	margin-top:5px;
	margin-left:5px;
}
/***** Class coup de coeur ****/
.type_coeur{
	font-family:"Palatino Linotype";
	font-size: 11px;
	font-weight:bold;	
	color:#336666;	
}
.localisation_coeur {
	font-family:"Palatino Linotype";
	font-size: 11px;
	font-weight:bold;	
	color: #336666;	
}
.prix_coeur {
	font-family:"Palatino Linotype";
	font-weight:bold;
	font-size: 11px;
	color:#99CC99;	
}
.text_annonces {
	font-family:"Palatino Linotype";
	font-size:11px;
	font-weight:bold;
	color:#336666;
	azimuth:center-right;
}
/*****************************/


/*************************** BANDEAU ***********************************/

/***************** textes ********************/
#titre_bandeau{
position:absolute;top:10px;left:220px;
font-family:"Palatino Linotype";
font-weight:bold;
font-size:36px;
width:400px;
color:#FFFFFF;	
}

#slogan_1{
position:absolute;top:110px;left:250px;
font-family:"Palatino Linotype";
font-weight:bold;
font-size:10px;
color:#FFFFFF;	
}

#slogan_2{
position:absolute;top:98px;left:260px;
font-family:"Palatino Linotype";
font-size:11px;
color:#FFFFFF;	
}

#rue_agence{
position:absolute;top:50px;left:290px;
font-family:"Palatino Linotype";
font-size:14px;
color:#FFFFFF;	
}
#cp_ville_agence{
position:absolute;top:50px;left:410px;
font-family:"Palatino Linotype";
font-size:14px;
color:#FFFFFF;
}
#tel_agence{
position:absolute;top:65px;left:285px;
font-family:"Palatino Linotype";
font-size:14px;
color:#FFFFFF;	
}
#fax_agence{
position:absolute;top:65px;left:405px;
font-family:"Palatino Linotype";
font-size:14px;
color:#FFFFFF;	
}
#mail_agence{
position:absolute;top:80px;left:310px;
font-family:"Palatino Linotype";
font-size:14px;
color:#FFFFFF;	
}

/************** LOGO bandeau ***********************/
#logo_bandeau{
width:120px;
height:100px;
margin:0px;
padding-left:10px;
}

/************** Photo bandeau ************************/
#photo_bandeau{
position:absolute;top:12px;left:703px;	
}

/************* Ligne bandeau **************************/
#ligne_bandeau{
position:absolute;top:76px;left:140px;
}
/***************************** fin BANDEAU ************************************/

/******************************* RECHERCHE ************************************/
/************* vte_loc *****************/
#vte_loc{
margin-left:150px;
padding-top:20px;
}

/************ type *********************/
#type{
margin-left:20px;
padding-top:20px;
}

/*********** commune ********************/
#commune {
margin-left:20px;
padding-top:20px;
}
/*********** prix ***********************/
#prix{
margin-left:20px;
padding-top:20px;
}

/************ surface ******************************/
#surface{
margin-left:20px;
padding-top:20px;
}
/************ reference ******************************/
#reference{
margin-left:20px;
padding-top:20px;
}
/*********** bouton rechercher *******************/
#rechercher{
margin-left:20px;
padding-top:20px;
}
/********************************************* fin recherche ************************************/

/********************************************* FORMULAIRE CONTACT *******************************/
#contact_nom {
margin-left:20px;
padding-top:10px;
}
#contact_prenom {
margin-left:20px;
padding-top:10px;
}
#contact_adresse {
margin-left:20px;
padding-top:10px;
}
#contact_cp {
margin-left:20px;
padding-top:10px;
}
#contact_ville {
margin-left:20px;
padding-top:10px;
}
#contact_tel {
margin-left:20px;
padding-top:10px;
}
#contact_mobile {
margin-left:20px;
padding-top:10px;
}
#contact_email{
margin-left:20px;
padding-top:10px;
}
#contact_message {
margin-left:20px;
padding-top:10px;
}
#contact_bouton {
margin-left:20px;
padding-top:10px;
}
/********************************************* fin formulaire contact **************************************/

/******************* Class text ****************************************************************/
.text-1{
font-family:"Palatino Linotype";
color:#FFFFFF;
font-size:12px;
padding-left:10px;
}
.text-2{
font-family:"Palatino Linotype";
color:#333333;
font-size:13px;
padding-left:10px;
}
/****************************************** barre de recherche **********************************************/
#search{
	font-size:10px;
	font-weight:bold;
	color:#000000;
	background-color:#428444;
	text-align:center;
	margin:0px;
	padding:0px;
}
#search select input{
	height:18px;
}
#search #btn {
	width:80px;
}
#search #typ {
	width:110px;
}