/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */
body#index{
	background: #96a4ac url(Gx/I/bg.gif) repeat-x top left;
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: 100%;
}
body#main{
	background: #96a5ac url(Gx/m/bg.gif) repeat-x top left;
	margin: 0px;
	padding: 0px;
	text-align: center;
	height:100%;
	min-height:100%;
}

html{
	font-family: Arial, Verdana, Geneva,  Helvetica;
	font-size: 12px;
	color: #091a2b;
	
}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

a:link, a:visited{outline: none; color: #f4edd0; font-weight:bold; text-decoration:none;}
a:hover{color:#f4edd0; text-decoration:underline;}

h1{color:#091a2b; border-bottom: 1px solid #091a2b; font-size: 16px; padding: 0 0 5px 0; margin:25px 0 5px 0;}
h2{color:#091a2b; font-size:19px; line-height:21px; letter-spacing:1px; margin:0; padding:0;}
h2 strong{font-style: italic;padding: 0 0 0 60px;}
h3{color:#091a2b;font-size:16px;}

br.both{clear:both;}

/* CONTENEURS INDEX.CFM (PAGE DE GARDE)
--------------------------------------------------------------------------------------- */
#index #conteneurIndex{width:741px; text-align:justify; margin:0 auto;}
#index #haut{background:url(gx/i/haut.jpg) no-repeat top right; display:block; height:264px; margin-bottom:16px; width: 741px;}

#index #boiteBoutons{display:block; float:right;margin-bottom:25px;}
#index #boiteMillieu{display:block; float:right;margin-bottom:16px;width:719px;}
#index h2{font-size:15px;color:#f4edd0; margin-bottom:6px; padding:0;}
#index #boiteVedette{background-color: #1f4164;float:left;height:137px;padding:10px;width:343px;}
#index #boiteVedette p, #index #boiteVedette h3{color:#fff;}

#index #boiteBoutons2{float:right;width:352px;}

/* MODULE_tauxEnDate
------------------------------------------------------------------------------------------*/
#boiteTaux{float:left; border:1px solid #204265; padding:10px; margin:0 0 20px 0; width:340px; height:164px;}
#headerModuleTaux{float:left; margin:10px 0 0 5px;}
#headerModuleTaux h2{font-size:18px; color:#F4EDD0;}
.rowDate {float:right; width:100px; height:53px; background:url(gx/MODULE_tauxEnDate/ti_blocTaux_fr.gif) top right no-repeat;}
.rowTaux {clear:both; width:340px; height:35px; margin:0px 0px 1px 0px; background:#1d5b9c;}
p.txtDay {font-size:14px; color:#FFFFFF; text-transform:uppercase; text-align:right; margin:0px 8px 0px 0px; padding:0px;}
p.txtDate {font-size:18px; color:#22272d; text-align:center; text-align:right; margin:-5px 11px 0px 0px; padding:0px;}
.txtTaux {font-size:25px; color:#F4EDD0; float:left; margin:0px 20px 0px 20px; line-height:150%; }
.txtTauxDuree {font-size:14px; color:#F4EDD0; text-transform:uppercase; float:right; margin:10px 20px 0 0; }


#index #boiteCalculateur{float:right; border:1px solid #204265; padding:10px; margin-bottom:20px; width:330px;}
#index #calculateur fieldset{border:0; color:#b8cad4;font-size: 12px;margin:0; padding:0;}
#index #calculateur fieldset legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
#index #calculateur fieldset label{font-size:12px; color:#b8cad4; margin:2px 0 2px 0;}
#index #calculateur .champTexte{background: #a1aeb6;border: 1px solid #1f4164;color: #1f4164;font-size: 12px;height:18px;margin:2px 0 2px 0;}
#index #calculateur .listeDeroulante{background: #a1aeb6;border: 1px solid #1f4164;color: #1f4164;font-size: 12px;height:20px;margin:2px 0 2px 0;}
#index #calculateur .bouton{background: url(gx/bouton_bg.gif) repeat-x;color: #f4edd0;font-family: Arial;font-size: 13px;font-weight: bold;}
#index #calculateur .bouton:hover{background:#257ad6; color:#FFF;}

#index #piedPage{float:right; margin-bottom:10px; width:719px;}
#index #piedPage #copyrights{float:left; padding:0; font-size:10px; width:300px;}
#index #piedPage #coordonnees{color:#FFF; font-size:11px; font-weight:bold; float:right; padding:0; text-align:right; width:419px;}
#index #piedPage #copyrights, #index #piedPage #copyrights a, #index #piedPage #copyrights a:visited{color:#2a5583;}

/* CONTENEURS MAIN.CFM
--------------------------------------------------------------------------------------- */
#conteneur{
	background:url(gx/m/conteneur_bg.gif) repeat-y;
	display:block;
 	width: 1000px;
	text-align: justify;
	margin: 0 auto;
}

#hautPage{display:block; height:139px; width:1000px;}
#boiteBoutonSite{float:right;height:139px;}
.miniRowTaux {clear:both; width:175px; height:25px; margin:0px 0px 1px 0px; background:#1d5b9c;}
.miniTxtTaux {font-size:12px; color:#F4EDD0; float:left; margin:0px 20px 0px 10px; line-height:150%; }
.miniTxtTauxDuree {font-size:12px; color:#F4EDD0; text-transform:uppercase; float:right; margin:10px 10px 0 0; }

#boiteCoordonnees{color:#FFF; float:left;padding:35px 0 0 25px;width:200px;}
#boiteCoordonnees p{color:#FFF;}
#boiteCoordonnees p strong{color:#FFF; font-size:28px;}

#btTauxSiteHypotheque{color:#FFF; float:left;padding:25px 0 0 45px;width:230px;}
#btTauxSiteHypotheque h2{font-size:18px; color:#F4EDD0;}
.miniRowTaux {clear:both; width:225px; height:25px; margin:0px 0px 1px 0px; background:#1d5b9c;}
.miniTxtTaux {font-size:14px; color:#F4EDD0; float:left; margin:2px 20px 0px 10px; line-height:150%; font-weight:bold; }
.miniTxtTauxDuree {font-size:14px; color:#F4EDD0; text-transform:uppercase; float:right; margin:5px 10px 0 0; font-weight:bold; }

#conteneurPrincipal{display:block; width:1000px;}
#colGauche{
	float:left;
	width:194px;
}

#colContenu{
	float:right;
	width:806px;
}

.margeTexte{margin: 0 0 0 25px;}

/* ACCUEIL (PROFIL)
--------------------------------------------------------------------------------------- */
#boiteTitre_1{
	background: #7090a3 url(Gx/m/boiteTitre_1_bg.jpg) no-repeat left top;
	height: 136px;
	width:806px;
}
#boiteTitre_1 h2{color:#FFF;}

.boiteCitation{
	background: #d8e1e6;
	color: #224066;
	margin: 0 0 0 25px;
	padding: 35px 23px;
}
.boiteCitation p{
	color:#1f4164;
}
.boiteCitation p a, .boiteCitation p a:link, .boiteCitation p a:visited{color:#1e4266;}

.boiteCitation p img{border:3px solid #FFF; float:right; margin:0 0 10px 10px;}



/* MENUS 1 
--------------------------------------------------------------------------------------- */
#menu_1{margin:0; padding:0;}
#menu_1 ul{margin:0;padding:0;}
#menu_1 ul li{padding:0; margin:0; display:block; list-style-type:none;}
#menu_1 ul li a, #menu_1 ul li a:link, #menu_1 ul li a:visited{
	background:#862a16 url(gx/m/menu_bg.gif) bottom repeat-x;
	color: #dfd7b9;
	display:block;
	font-size: 12px;
	font-weight: bold;
	padding:8px 12px;
	text-decoration: none;
}
#menu_1 ul li a:hover, #menu_1 ul li a:visited:hover{color:#FFF;}
#menu_1 ul li a.actif, #menu_1 ul li a.actif:visited{background:#97a6ae url(gx/m/menu_bg_on.gif) bottom repeat-x; color:#FFF;}

/* PAGE : CONSEILS PRATIQUES - Guides
--------------------------------------------------------------------------------------- */
#guide{background: #EDEADC;border: 1px solid #79734F;padding: 18px 0 0 18px;}
#guide a, #guide a:link, #guide a:visited{display: block;float: left;margin: 0 20px 0 0;border: 7px solid #E0DDC9;}
#guide a:hover{border: 7px solid #FFF;}
#guide img{border: none;display: block;}

/* PAGE : CONTACT
--------------------------------------------------------------------------------------- */
#conteneurCarteContact{float:right;text-align:center;width:400px;}
#conteneurCarteContact p.bulle{color:#000;font-size:11px;text-align:left;}
#carteContact{border:3px solid #FFF;float:right; width:400px; height:300px;}

/* LISTE MLS
--------------------------------------------------------------------------------------- */
.boiteInfo{background-color:#d8e1e6; border:3px solid #b7c0c5; display:block; padding:10px; margin-bottom:10px;}
.boiteInfo h2 a, .boiteInfo h2 a:link, .boiteInfo h2 a:visited{color:#1e4266;font-size:16px;font-weight:bold;}
.boiteInfo p, .boiteInfo h3, .boiteInfo h3 a, .boiteInfo h3 a:link, .boiteInfo h3 a:visited{color:#1e4266;}
.boiteInfo p a, .boiteInfo p a:link, .boiteInfo p a:visited{color:#1e4266;}
.boiteInfo p a:hover, .boiteInfo p a:visited:hover{color:#b7c0c5;}

.bordurePhoto{border:1px solid #1f4164;}

#btBoutonAgents{float:right;}
.btFormLike{background-color:#1f4164; border:1px solid #fff; display:block; padding:5px 10px; margin:5px 0 0 0 ; float:right;}
.btFormLike span{color:#fff;}
.btFormLike:hover{text-decoration:none;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{color:#091a2b; font-size:12px; line-height:150%;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #091a2b; text-decoration: underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{color:#FFF; text-decoration:underline;}
ul li{color:#091a2b; font-size:12px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#091a2b; font-size:12px; line-height:150%; margin-left:16px;}
.textePetit{font-size: 11px;}

/* CALCULATRICE HYPOTHÉCAIRE, TABLE DES RÉSULTATS*/
table#tableau{border-bottom: 3px solid #1f4164;margin: 20px 0 0 0;font-size: 13px;}
table#tableau th{background: #1f4164;color: #fff;text-align: center;padding: 4px;font-size: 16px;/*border: 1px solid #620F17; */}
table#tableau td{border-right: 1px solid #E3DBCC;padding: 4px;color: #1f4164;}
table#tableau td.texteColone{background: #f3eccf;font-weight: bold;text-align: right;color:#1f4164;}
table#tableau td.last{border-right: none;}
table#tableau tr.pair{background: #b0bbc1;}
table#tableau tr.impair{background: none;}

.lienVCF{
	background: url(Gx/icone_vcf.gif) no-repeat left;
	font-size:11px;
	line-height:20px;
	padding:5px 0 5px 20px;
}

/* PIED DE PAGE */
#piedPage{border-top:1px solid #dce9f1; color: #dce9f1; display:block; font-size: 11px; line-height: 130%;float: right; padding:5px 0 5px 0; width:781px;}
#piedPage a, #piedPage a:link, #copyrights a:visited{font-weight: bold; color: #dce9f1; text-decoration: none;}
#piedPage a:hover, #piedPage a:visited:hover{color: #FFF; text-decoration: none;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{background-color:#d8e1e6; border:0; color:#1e4266; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border:0; color:#1e4266; font-size:14px; font-weight:bold; padding:0; margin:20px 0 0 0; *margin:0 0 0 -8px;}
fieldset label{font-size:12px; color:#1e4266; margin:2px 0 2px 0;}

.formleft{
	float: left;
	width: 180px;	
}

.formright{
	float: right;
	width: 343px;
}

.champTexte{	
	color: #000000;
	border: 1px solid #79734F;
	background: #ffffff;
	margin: 2px 0 2px 0;
	height: 16px;
	padding: 0px;
	font-size: 11px;
}
.listeDeroulante{	
	color: #000000;
	border: 1px solid #79734F;
	background: #ffffff;
	margin: 2px 0 2px 0;
	height: 18px;
	padding: 0px;
	font-size: 11px;
}
.boiteTexte{
	color: #000000;
	border: 1px solid #79734F;
	background: #ffffff;
	font-family: Arial;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}
.bouton{
	background-color: #1f4164;
	color: #FFF;
	overflow:visible;
	width:auto;
	padding: 2px 6px;
	font-size: 13px;
	font-weight: bold;
}
.erreur{color:red;}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */