/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	color:#000;
	margin:0;
  	padding:24px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background:#f8f8f8 url(images/enbeauce/bg.gif) repeat-x top left;	
}


#container
{
	width:963px;
	margin:0 auto;
	text-align:left;
}

/* ----------------------------
   Globals
---------------------------- */

h1
{
	font-size:1.15em;
	margin:0;
	color:#000;
	padding:8px 0 7px 19px;
}

h2
{
	font-size:1em;
	margin:0;
	color:#000;
	padding:0 0 15px 0;
}

h3
{
	font-size:1.1em;
	margin:0 0 10px 0;
	color:#000;
	padding:3px 10px;
	border-top:1px solid #B1C2A5;
	border-bottom:1px solid #B1C2A5;
}

p
{
	font-size:0.9em;
	color:#000;
	margin:0;
	padding:0 0 18px 0;
	line-height:1.4em;
}

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.souligne
{text-decoration:underline;}

.rouge
{color:#df0024;}

/* --------------------------------------------------------------- */
/* ---- Corps ---------------------------------------------------- */

/* -- entête ---------------------------------- */

#entete
{
	width:961px;
	border:1px solid #7f7f7f;
	background:url(images/enbeauce/entete_bg.jpg) no-repeat top right;
}

#entete_bordTop
{background:url(images/enbeauce/entete_bordTop.gif) repeat-x top left;}
#entete_bordDr
{background:url(images/enbeauce/entete_bordDr.gif) repeat-y top right;}
#entete_bordBas
{background:url(images/enbeauce/entete_bordBas.gif) repeat-x bottom left;}

#entete_coinTD
{background:url(images/enbeauce/entete_coinTD.gif) no-repeat top right;}
#entete_coinBD
{width:961px; background:url(images/enbeauce/entete_coinBD.gif) no-repeat bottom right;}

/* --- Zone logo --------------------------------- */

#zoneLogo
{
	width:213px;
	float:left;
	
		border-right:2px solid #b9b9b9;
	
	background:url(images/enbeauce/zonelogo_bg.gif) repeat-y top left;
}

div#zoneLogo
{height:127px;}

html>body div#zoneLogo
{
	height:auto;
	min-height:127px;
}

/* --- logo --------------------------------- */

div#logoCompagnie
{
	float:left;
	/*padding:23px 0 13px 15px;*/
}

div#logoCompagnie img.logo
{
	display:block;
	margin:0 14px 0 0;
}

#logoPrint
{display: none;}

/* --------------------------------------------------------------------- */
/* -- Zone contenu ----------------------------------------------------- */

#zoneContenu
{
	width:963px;
	padding:23px 0 10px 0;
}

#colGau
{
	float:left;
	width:172px;
}

#colDr
{
	float:left;
	width:791px;
}

#colonneGauche_int
{
	float:left;
	width:487px;
}
#colonneDroite_int
{
	float:left;
	width:300px;
}

/* ----------------------------------------------- */
/* -- Colonne gauche ----------------------------- */

#zoneMenu
{
	width:160px;
}

#zoneMenu img
{
	display:block;
	margin:0 0 8px 0;
}

/* -- boîte menu -------------------- */
#menu
{
	width:160px;
	background:url(images/enbeauce/menu_bg.gif) repeat-y top left;
	margin:0 0 11px 0;
}

.bordTop
{background:url(images/enbeauce/bord_top.gif) repeat-x top left;}
.bordDr
{background:url(images/enbeauce/bord_dr.gif) repeat-y top right;}
.bordBas
{background:url(images/enbeauce/bord_bas.gif) repeat-x bottom left;}
.bordGau
{background:url(images/enbeauce/bord_gau.gif) repeat-y top left;}

.coinTG
{background:url(images/enbeauce/coin_TG.gif) no-repeat top left;}
.coinTD
{background:url(images/enbeauce/coin_TD.gif) no-repeat top right;}
.coinBD
{background:url(images/enbeauce/coin_BD.gif) no-repeat bottom right;}
.coinBG
{background:url(images/enbeauce/coin_BG.gif) no-repeat bottom left; width:160px;}

#menu ul
{
	list-style:none;
	margin:0;
	padding:15px 0 5px 14px;
}

#menu ul li
{
	margin:0;
	padding:0 0 8px 0;
}

#menu a:link, #menu a:visited, #menu a:active
{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	font-size:0.9em;
}
#menu a:hover
{text-decoration:underline;}

#menu h2
{
	padding:15px 0 5px 10px;
}
#menu p
{
	padding:1px 0 10px 10px;
}

#menu input
{
	vertical-align:middle;
	margin:0 4px 0 0;
}

/* ----------------------------------------------- */
/* -- Colonne droite ----------------------------- */

/* -- éléments de contenu -------------------- */
.contenu
{padding:0 13px;}

.contenuAuto
{padding:0 0;}

.contenuAuto h1
{padding:0 0 18px 0;}

.contenuAuto ul
{
	list-style:none;
	margin:0;
	padding:0 0 10px 10px;
}

.contenuAuto ul li
{
	margin:0;
	padding:0 0 20px 16px;
	font-size:0.9em;
	background:url(images/enbeauce/fleche.gif) no-repeat 0 3px;
}

.contenuAuto ul li.star
{
	margin:0;
	padding:0 0 12px 16px;
	font-size:0.9em;
	background:url(images/enbeauce/etoile.gif) no-repeat 0 0;
}

.contenuAuto a:link, .contenuAuto a:visited, .contenuAuto a:active
{color:#407A2E;}
.contenuAuto a:hover
{text-decoration:none;}

.contenu h1
{padding:0 0 18px 0;}

.contenu ul
{
	list-style:none;
	margin:0;
	padding:0 0 10px 10px;
}

.contenu ul li
{
	margin:0;
	padding:0 0 20px 16px;
	font-size:0.9em;
	background:url(images/enbeauce/fleche.gif) no-repeat 0 3px;
}

.contenu ul li.star
{
	margin:0;
	padding:0 0 12px 16px;
	font-size:0.9em;
	background:url(images/enbeauce/etoile.gif) no-repeat 0 0;
}

.contenu a:link, .contenu a:visited, .contenu a:active
{color:#407A2E;}
.contenu a:hover
{text-decoration:none;}

/* -- colonne du milieu -------------- */

.contenu_mid
{
	padding:0 5px;
}

.contenu_mid_2
{
	min-height:246px;
	padding:0 5px;
}

/* -- boîte du milieu courte -------------------- */
.boxMid
{
	float:left;
	width:475px;
	background:url(images/enbeauce/boxMid_bg.gif) repeat-y top left;
	margin:0 0 11px 0;
}

.boxMid_coinBG
{
	background:url(images/enbeauce/coin_BG.gif) no-repeat bottom left;
	padding:7px 0 0 0;
	width:475px;
}

/* -- entête -------------------- */
.boxMid_entete
{
	width:464px;
	background:url(images/enbeauce/boxMid_entete_bgContinu.gif) repeat-y top left;
	border-bottom:2px solid #fff;
}

.boxMid_entete_bg
{background:url(images/enbeauce/boxMid_entete_bg.gif) no-repeat top left;}

/* -- boîte du milieu longue -------------------- */

.boxInt_long
{
	width:778px;
	padding:10px 0 16px 0;
}

.boxMid_longue
{
	width:791px;
	background:url(images/enbeauce/boxMid_long_bg.gif) repeat-y top left;
	margin:0 0 11px 0;
}

.boxMid_longue_coinBG
{
	background:url(images/enbeauce/coin_BG.gif) no-repeat bottom left;
	padding:7px 0 0 0;
	width:784px;
}

/* -- entête longue -------------------- */
.boxMid_longue_entete
{
	width:778px;
	background:url(images/enbeauce/boxMid_long_entete_bgContinu.gif) repeat-y top left;
	border-bottom:2px solid #fff;
}

.boxMid_longue_entete_bg
{
	background:url(images/enbeauce/boxMid_long_entete_bg.gif) no-repeat top left;
	position:relative;
}

/* --- Boîte Recherche Rapide ------------------------------------- */

.champsRechercheRapideGau
{
	float:left;
	width:247px;
}

.champsRechercheRapideDr
{
	float:left;
	width:217px;
}

.champsRechercheRapideGau label
{margin:4px 0 0 17px;}
.champsRechercheRapideGau select
{
	width:200px;
	margin:4px 0 0 17px;	
}

.champsRechercheRapideDr select
{
	width:200px;
	margin:4px 0 0 0;	
}

#boxRechercheRapide_liens
{
	width:464px;
	text-align:right;	
}

#boxRechercheRapide_liens img
{
	float:right;
	margin:20px 27px 0 0;
}

#boxRechercheRapide_liens p
{
	float:right;
	padding:25px 10px 0 0;
}

#boxRechercheRapide_liens p a:link, #boxRechercheRapide_liens p a:visited, #boxRechercheRapide_liens p a:active
{color:#003973;}
#boxRechercheRapide_liens p a:hover
{text-decoration:none;}

/* --- Boîte En Vedette ------------------------------------- */

.boxInt
{
	width:464px;
	padding:10px 0 16px 0;
}

.row_maisons
{
	width:464px;
	border-bottom:1px solid #B1C2A5;
	padding:0 0 15px 0;
	margin:0 0 8px 0;
}

.row_maisons_last
{width:464px;}

.maisonVedette
{
	float:left;
	width:154px;
	text-align:center;
	border-right:1px solid #B1C2A5;
}

.maisonVedetteLast
{
	float:left;
	width:154px;
	text-align:center;
}

.photoMaison_vedette
{
	padding:8px 0 0 0;
	background:url(images/enbeauce/photoMaison_bg.png) no-repeat top left;
	height:106px;
}

.maisonVedette p, .maisonVedetteLast p
{
	min-height:46px;
	text-align:left;
	padding:0 0 15px 10px;
}

/* ------------------------------------------------------- */
/* -- colonne de l'extrême droite ------------------------ */

/* -- boîte de milieu courte -------------------- */
.boxDr
{
	width:304px;
	background:url(images/enbeauce/boxDr_bg.gif) repeat-y top left;
	margin:0 0 11px 0;
}

.boxDr_coinBG
{
	background:url(images/enbeauce/coin_BG.gif) no-repeat bottom left;
	padding:7px 0 0 0;
	width:304px;
}

/* -- entête -------------------- */
.boxDr_entete
{
	width:293px;
	background:url(images/enbeauce/boxDr_entete_bgContinu.gif) repeat-y top left;
	border-bottom:2px solid #fff;
}

.boxDr_entete_bg
{background:url(images/enbeauce/boxDr_entete_bg.gif) no-repeat top left;}

/* --- Boîte Recherche Rapide ------------------------------------- */

#boxCarte
{
	width:293px;
	padding:2px 0 11px 0;
}

/* --- Boîte de Trie pour l'entête dans le résumé de la rechercher ------ */

#boxTrier
{padding:15px 0;}

#boxTrier select
{
	vertical-align:middle;
	margin:0 0 5px 160px;
	float:right;
}

#boxTrier input
{
	vertical-align:middle;
	margin:10px 0 0 0;
	float:right;
	width:100px;
}

/* -------------------------------------------------------------- */
/* -- Page Résumé Recherche ------------------------------------- */

/* -- formaire pour nouvelle recherche -------------------------- */
.formRecherche
{
	width:433px;
	margin:10px 0 0 20px;
}

.lesChampsRecherche
{margin-bottom:15px;}

.lesChampsRecherche label
{
	width:90px;
	font-size:1em;
	color:#000;
	float:left;
	text-align:left;
	font-weight:bold;
}

.lesChampsRecherche input
{
	width:192px;
	margin:0 5px 0 0;
	vertical-align:middle;
}

.lesChampsRecherche select.imarque, .lesChampsRecherche select.imodele, .lesChampsRecherche select.ivAccidentes
{
	width:200px;
	float:left;
	margin:0;
}

.lesChampsRecherche select.iannee, .lesChampsRecherche select.iprix, .lesChampsRecherche select.ikilometrage
{
	width:85px;
	margin:0 6px 0 0;
}
.lesChampsRecherche select.iannee2, .lesChampsRecherche select.iprix2, .lesChampsRecherche select.ikilometrage2
{
	width:85px;
	margin:0 0 0 7px;
}

input.ibRechercher
{margin:10px 0 20px 20px;}

.lesChampsRechercheOptions
{margin:0 0 10px 221px;}

.lesChampsRechercheOptions input
{
	vertical-align:middle;
	margin:0 5px 0 0;
}

.box_listeMaison
{
	width:746px;
	border-bottom:1px solid #B1C2A5;
	margin:0 0 15px 0;
	padding:0 0 5px 0;
}

.box_listeMaisonPub
{
	width:746px;
	padding:0 0 10px 0;
}

.box_listeMaisonLast
{width:746px;}

/* -- zone photo -------- */
.zonePhoto
{
	float:left;
	width:182px;
	background:url(images/enbeauce/photoListeMaison_bg.gif) no-repeat top left;	
	margin:0 10px 0 0;
}

div.zonePhoto
{height:130px;}

div.zonePhoto
{
	min-height:130px;
	height:auto;
}

.zonePhoto img
{margin:8px 0 0 10px;}

/* -- zone résumé -------- */
.zoneResume
{
	float:left;
	width:370px;
	padding:10px 0 0 0;
	border-right:1px solid #B1C2A5;
	margin:0 10px 0 0;
}

.zoneResume h1
{padding:0;}

/* -- zone agent -------- */

.zoneAgentCie
{
	float:left;
	width:155px;
	text-align:center;
}

/* -- infos agent -------- */
.infosAgentCie
{
	float:left;
	width:144px;
	padding:10px 0 0 0;
}
.infosAgentCie h1
{padding:0 0 10px 0;
}

#pagesResultats
{
	font-size:0.9em;
	width:746px;
	padding:13px 0;
	margin:0;
	text-align:center;
}

#pagesResultats a {
	color:#555555;
	padding:0 5px;
}

#pagesResultats ul
{
	list-style:none;
	margin:0;
}

#pagesResultats ul li
{
	float:left;
	background:none;
	padding:0 13px 0 0;
	margin:0;
}

#pagesResultats a:link, #pagesResultats a:visited, #pagesResultats a:active
{color:#555555;}

#pagesResultats a:hover
{text-decoration:none;}

/* -------------------------------------------------------------- */
/* -- Page Fiche d'un agent ------------------------------------- */

#zoneAgent
{
	width:582px;
}

#zoneFicheAgent
{
	width:438px;
}

/* -- photo agent -------- */
.photoAgent
{
	float:left;
	width:144px;
	background:url(images/enbeauce/photoAgent_bg.png) no-repeat top left;
	padding:0 0 20px 0;
}

.photoAgent img
{
	margin:7px 0 0 7px;
}

/* -- infos agent -------- */
#infosAgent
{
	float:left;
	width:438px;
	padding:10px 0 0 0;
}
#infosAgent h1
{padding:0 0 10px 0;
}
#ficheAgent
{
	float:left;
	width:294px;
	padding:10px 0 0 0;
}

/* -------------------------------------------------------------- */
/* -- Page Calculateur d'hypothèque ----------------------------- */

.formCalculateur
{
	width:424px;
	margin:10px 0 0 20px;
}

.lesChampsCalculateur
{margin-bottom:15px;}

.lesChampsCalculateur label
{
	width:171px;
	font-size:1em;
	color:#000;
	float:left;
	text-align:left;
}

.lesChampsCalculateur input
{
	width:180px;
	margin:0 5px 0 0;
	vertical-align:middle;
	text-align:right;
}

.signeDollar
{
	font-weight:bold;
	font-size:1em;
	vertical-align:middle;
}

.lesChampsCalculateur input.itauxInterets, .lesChampsCalculateur input.itauxInterets2, .lesChampsCalculateur input.inbrAnnees
{
	width:30px;
	text-align:center;
}

input.ibCalculer
{
	width:95px;
	margin:10px 0 20px 0;
}

.lesChampsCalculateur select
{
	width:180px;
	float:left;
	margin:0;
}

/* -------------------------------------------------------------- */
/* -- Page Recherche -------------------------------------------- */

#zoneRecherche
{
	width:747px;
	padding:0 0 10px 0;
}

#zoneRecherche_colGau
{
	float:left;
	width:330px;
	border-right:1px solid #828282;
}

#zoneRecherche_colDr
{
	float:left;
	width:405px;
	margin:0 0 0 10px;
}

/* -- colonne gauche recherche ------------------ */

.optionsRecherche
{margin:0 0 10px 0;}

.optionsRecherche input
{
	vertical-align:middle;
	margin:0 3px 0 0;
}

/* -- colonne droite recherche ------------------ */
.blocEnteteRecherche
{
	width:405px;
}

.blocEnteteRecherche h3
{
	padding:3px 0 3px 15px;
	margin:0;
}

.boxRecherche
{
	width:405px;
	margin:10px 0 0 0 !important;
}

.boxRecherche select.selectProvince, .boxRecherche select.selectRegion
{
	width:180px;
	height:130px;
	font-size:0.9em;
	margin:5px 0 5px 0;
	vertical-align:middle;
}

.boxRecherche img.ibFlecheDr
{margin:40px 5px 0 5px !important; float:left;}

.boxRecherche select.selectKms
{
	vertical-align:middle;
	margin:0 5px;
}

.boxRecherche input.icodePostal
{
	width:125px;
	margin:0 0 0 5px;
}

#zoneRecherche input.ibRecherche
{margin:26px 0 0 525px;}

/* -------------------------------------------------------------- */
/* -- Page Agents ----------------------------------------------- */

.col_txtGau
{
	float:left;
	width:372px;
}

.col_txtDr
{
	float:left;
	width:372px;
}

/* -------------------------------------------------------------- */
/* -- Page Détails d'une maison --------------------------------- */

#boxPhotoDetails
{
	width:438px;
	height:300px;
	padding:14px 0 0 0;
}

#boxPhotoDetails ul
{
		padding:0;
}

#boxPhotoDetails ul li
{
		background:none;
		padding:0;
		margin: 5px 5px 5px 0;
}

/* ----- cases à cocher ------ */
.casesCoches
{padding:0 0 12px 0;}

.casesCoches p
{padding:0 0 4px 0;}

.selectionCaseCoche
{margin:0;}

.casesCoches label
{
	color:#000;
	font-size:0.9em;
	margin:0 10px 0 2px;
	vertical-align:middle;
}

.casesCoches input
{
	vertical-align:middle;
	margin:0;
}

/* -- formulaire -------- */
.formContact
{margin:0 0 20px 0;}

.champsObligatoire
{font-size:1em;}

.lesChamps
{margin-bottom:15px;}

.lesChamps label
{
	font-size:0.9em;
	color:#000;
}

.lesChamps input
{
	width:228px;
	margin:4px 0 0 0;
}

.lesChamps textarea
{margin:4px 0 0 0;}

#bSoumettre
{
	width:116px;
	margin:0 0 0 467px;
}

/* --------------------------------------------------------------------- */
/* -- Pied ------------------------------------------------------------- */

#pied
{
	width:963px;
	background:#D1E4C3 url(images/enbeauce/pied_bg.gif) repeat-x top left;
}

div#pied
{height:68px;}

html>body div#pied
{
	min-height:68px;
	height:auto;
}