/*

	TEMPLATE GENERAL VOUSFINANCER V3
	
	Couleurs officielles :
	----------------------
	rouge : #b30000
	gris :	#a6a6a6


*/

/* BALISES PAR DEFAUT */
html, body { height:100%; width:100%; margin:0; padding:0; border:none; }
html:lang(fr) { quotes: '« ' ' »' }
body { font-family:Arial, Helvetica, sans-serif; font-size:9pt; background:#FFF url(../bkg/bkg_top_degrade.jpg) repeat-x; background-position:top; }
h1 { font-family:Tahoma, Geneva, sans-serif; font-size:20px; margin:0 0 10px 0; }
h2 { font-family:Tahoma, Geneva, sans-serif; font-size:18px; margin:0 0 10px 0; }
h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; }
a { color:#b30000; text-decoration:none; }
a:hover { color:#000; text-decoration:underline; }
img { border:0; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }



/* CLASSES REDONDANTES DANS TOUS LES TEMPLATES (codidiees present dans le PHP) */
.msg_noresult { text-align:center; }


/* CONTENEURS GENERAUX */
#gen { width:100%; height:100%; background:url(../bkg/bkg_maisons_total.gif) no-repeat; background-position:center 313px; }
#ctn_page { background:#FFF; width:920px; margin:0 auto 0 auto; }


/* BANNER */
#banner { background:url(../bkg/banner_top.jpg); width:100%; height:157px; margin:0; padding:0; }
#banner a img { border:0; width:100%; height:100%; margin:0; padding:0; }
#logo_print { display:none; }


/*	MENU */
#menu { width:100%; height:37px; background:#000; }
#menu_g, #menu ul, #menu ul li, #menu_d { height:100%; margin:0; padding:0; float:left; }
#menu_g, #menu_d { width:18px; }
#menu_g { background:url(../bkg/bkg_menu_gauche.gif) no-repeat; }
#menu_d { background:url(../bkg/bkg_menu_droit.gif) no-repeat; }
#menu ul { margin:0; padding:0; list-style:none; background:url(../bkg/bkg_menu_etir.gif) repeat-x; width:884px; }
#menu ul li { width:auto; line-height:2em; margin-left:15px; float:left; color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:16px; letter-spacing:-1px; font-weight:bold; /*float pour IE*/ }
#menu ul li a { vertical-align:middle; color:#FFF; text-decoration:none; display:block; margin:0; padding:2px 5px 2px 5px; }
#menu ul li a:hover { background:url(../bkg/bkg_menu_etir_over.gif) repeat-x; background-position:center center; border:#b30000 1px solid; padding:1px 4px 1px 4px; }
.select_menu { background:url(../bkg/bkg_menu_etir_over.gif) repeat-x; background-position:center center; border:#b30000 1px solid; border-top:0; border-bottom:0;  }


/*	NOUVEAU MENU */
#menu2 { width:100%; height:37px; background:#000; position:absolute; position:relative; z-index:20; } /* grosse triche pour IE 7 : on déclare une position abosulte qu'il connait puis une relative qu'il ne connait pas*/
#menu2_g, #menu2 ul, #menu2 ul li, #menu2_d { height:100%; margin:0; padding:0; float:left; }
#menu2_g, #menu2_d { width:18px; }
#menu2_g { background:url(../bkg/bkg_menu_gauche.gif) no-repeat; }
#menu2_d { background:url(../bkg/bkg_menu_droit.gif) no-repeat; }
#menu2 ul { margin:0; padding:0; list-style:none; background:url(../bkg/bkg_menu_etir.gif) repeat-x; width:884px; }
#menu2 ul li { width:auto; line-height:14px; margin-left:15px; float:left; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:16px; letter-spacing:-1px; font-weight:bold;  /*float pour IE*/ }
#menu2 ul #homeVF { margin-left:5px; }
#menu2 ul li a { vertical-align:middle; color:#FFF; text-decoration:none; display:block; height:25px; margin:0; padding:10px 5px 2px 5px; }
#menu2 ul li:hover { background:url(../bkg/bkg_menu_etir_over.gif) repeat-x; background-position:center center;  }
#menu2 ul li:hover a { border:#b30000 1px solid; padding:9px 4px 1px 4px; }

#menu2 ul li .submenu_hover { width:100%; z-index:20; position:absolute; top:37px; left:0; padding:0; visibility:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; font-weight:normal;  }
#menu2 ul li:hover .submenu_hover { visibility:visible; }
#menu2 ul li .submenu_hover .sub { margin:0 8px 0 8px; padding:0 0 20px 0; background-color:#fff; border-left:#B30000 2px solid; border-right:#B30000 2px solid; border-bottom:none; border-top:none; }
#menu2 ul li .submenu_hover .sub .colsSub { display:table-cell; background-color:#fff;width:301px; padding:0; margin:0; border-right:#B30000 1px solid; }
#menu2 ul li .submenu_hover .sub .noborder { border-right:none; border:none; }
#menu2 ul li .submenu_hover .sub .colsSub ul { list-style:circle; background:none; width:auto; margin:10px 0 10px 20px; }
#menu2 ul li .submenu_hover .sub .colsSub ul li { float:none; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; letter-spacing:0; line-height:12px; }
#menu2 ul li .submenu_hover .sub .colsSub ul li:hover { background:none; }
#menu2 ul li .submenu_hover .sub .colsSub ul li a { border:none; padding:0; color:#38393B; height:auto; margin:0; }
#menu2 ul li .submenu_hover .sub .colsSub ul li a:hover { color:#a80000; text-decoration:underline; }
#menu2 ul li .submenu_hover .sub .colsSub h3 { float:none; clear:both; letter-spacing:normal; font-size:18px; background:#B30000; color:#FFF; margin:0 0 8px 0; padding:10px; }
#menu2 ul li .submenu_hover .sub .colsSub h4 { float:none; clear:both; letter-spacing:normal; margin:0 8px 0px 15px; padding:0; color:#a80000; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; }
.bottomSub { width:100%; margin:0 8px 0 8px; height:26px; display:block; background:url(../bkg/bkg-sub-bottom.png); background-repeat:no-repeat; }
/* bouton depot dossier */
#menu2 ul li .submenu_hover .sub .colsSub #btnDossierImmo { float:none; clear:both; margin:0; padding:25px 0 0 0; text-align:center; }
#menu2 ul li .submenu_hover .sub .colsSub #btnDossierImmo a { border:0; }
#menu2 ul li .submenu_hover .sub .colsSub #btnDossierImmo a img { margin:0; padding:0; border:0; }
/* bouton trouver agence */
#menu2 ul li .submenu_hover .sub .colsSub #btnTrouverAgence { float:none; clear:both; margin:0; padding:27px 0 0 0; text-align:center; }
#menu2 ul li .submenu_hover .sub .colsSub #btnTrouverAgence a { border:0; }
#menu2 ul li .submenu_hover .sub .colsSub #btnTrouverAgence a img { margin:0; padding:0; border:0; }
/* bouton contacter franchise */
#menu2 ul li .submenu_hover .sub .colsSub #btnContacterFranchise { float:none; clear:both; margin:0; padding:0; text-align:center; }
#menu2 ul li .submenu_hover .sub .colsSub #btnContacterFranchise a { border:0; }
#menu2 ul li .submenu_hover .sub .colsSub #btnContacterFranchise a img { margin:0; padding:0; border:0; }


/*	ACCUEIL DU SITE */
#accueil { width:100%; height:auto; margin:0 0 8px 0; padding:0; }
#accueil_www { padding:0; margin:0 8px 0 8px; background:url(../bkg/bkg_degrade_texte_accueil.gif) repeat-x; display:block; width:auto; height:429px;  }
#txt_accueil, #tbl_accueil { float:left; height:100%; padding:0; }
#txt_accueil { width:263px; margin:0 0 0 8px; background:url(../bkg/bkg_degrade_texte_accueil.gif) repeat-x; }
#txt_accueil h1 { margin:14px 8px 0 8px; font-family:Tahoma, Geneva, sans-serif; font-size:18px; vertical-align:top; }
#txt_accueil h1 strong { font-family:Tahoma, Geneva, sans-serif; font-size:22px; }
#txt_accueil h2 { margin:0 8px 0 8px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-align:center; vertical-align:top; }
#txt_accueil h2 span { color:#c9091e; }
#txt_accueil h2 #com { color:#a6a6a6; }
#txt_accueil h3 { text-align:center; vertical-align:top; }
#txt_accueil ul { margin:0; padding:0 8px 0 11px; list-style-position: inside; color:#b30000;  }
#txt_accueil ul li { margin:0; padding:0; font-weight:bold; }
#txt_accueil ul .noli { list-style-type:circle; color:#000; font-weight:normal; margin-bottom:8px; }
#txt_accueil #bnt_infos { padding:0; margin:0 0 0 11px; background:url(../img/plus-infos.gif) no-repeat; }
#txt_accueil #bnt_infos:hover { background:url(../img/plus-infos-hover.gif) no-repeat; }
#txt_accueil #bnt_infos a img { border:0; margin:0; }
#tel_siege { text-align:center; margin:8px 0 0 8px; padding:0; }
/* tableau accueil */
#tbl_accueil { width:630px; margin:14px 8px 14px 11px; }
#tbl_accueil div a img { border:0; width:100%; height:100%; }
#tbl_accueil #tr_1 , #tbl_accueil #tr_2 , #tbl_accueil #tr_3 { padding:0; }
#tbl_accueil #tr_1 { width:100%; height:108px; background:url(../img/courtier-credit-immobilier.jpg) no-repeat; }
#tbl_accueil #tr_2 { width:100%; height:212px; background:url(../img/demande-pret-immobilier.jpg) no-repeat; }
#tbl_accueil #tr_3 { width:100%; height:138px; background:url(../img/calcul-simulateur-pret.jpg) no-repeat; }
#tbl_accueil #tr_1:hover { background:url(../img/courtier-credit-immobilier-hover.jpg) no-repeat; }
#tbl_accueil #tr_2:hover { background:url(../img/demande-pret-immobilier-hover.jpg) no-repeat; }
#tbl_accueil #tr_3:hover { background:url(../img/calcul-simulateur-pret-hover.jpg) no-repeat; }
/* Taux sur page accueil */
#taux_accueil { margin:12px 0 0 8px; }
#taux_accueil h4 { margin:0; padding:0; }
#taux_accueil div { font-family:Tahoma, Geneva, sans-serif; font-size:2.5em; color:#A80000; margin:0; }
#taux_accueil div span { font-size:0.5em; }
#taux_legal { font-family:Verdana, Geneva, sans-serif; font-size:0.75em; margin:0 0 0 8px; }
/* Nouveaux taux accueil */
#taux_accueil2 { margin:22px 51px 0 51px; text-align:left; }
#taux_accueil2 h4 { margin:0; padding:0; }
#taux_accueil2 div { font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:30px; color:#A80000; margin:2px 0 0 0; }
#taux_accueil2 div span { font-size:18px; }
#taux_accueil2 div .legal { font-size:14px; font-weight:normal; }
#taux_accueil2 #taux_legal { font-family:Verdana, Geneva, sans-serif; font-size:10px; margin:12px 0 0 0; text-align:justify; }
/* actualites sur page accueil */
#actualtes_accueil { width:100%; margin:0 0 14px 0; padding:0; }
#actualtes_accueil #actus_blog { float:left; height:100%; padding:0; margin:0 0 0 8px; width:516px; }
#actualtes_accueil #actus_blog h3 { margin:0 0 0 8px; }
#actualtes_accueil #actus_blog h3 a { color:#000; }
#actualtes_accueil #actus_blog ul { margin:0; padding:0 0 0 11px; list-style-position: inside; list-style-type:circle; }
#actualtes_accueil #actus_agences { height:100%; padding:0; }
#actualtes_accueil #actus_agences h3 { margin:0; }
#actualtes_accueil #actus_agences h3 a { color:#000; }
#actualtes_accueil #actus_agences ul { margin:0; padding:0 0 0 11px; list-style-position: inside; list-style-type:circle; }
/* formulaire accueil */
.blocweb2, .blocweb3 { border:#A5AFB1 1px solid; padding:12px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.blocweb2 { background:#E4E4E4; }
.btnTopHomePage, .blocActusHomePage { width:250px; margin:8px; padding:11px; display:block; float:left; }
.btnTopHomePage img { margin:0; padding:0; }
.btnTopHomePage:hover { border:#A80000 2px solid; background:#E4E4E4; padding:10px; }
#ctnFormImmoAcueil { background:url(../bkg/credit-immobilier-mini-form-05.png); width:245px; height:191px; margin:0 auto 0 auto; padding:0; }
#formPretImmobilier { margin:0; padding:0; }
#questionImmo1 { text-align:left; color:#000; font-weight:bold; padding:95px 10px 0 18px; margin:0; }
#formPretImmobilier div #PrjDestine { font-family:Verdana, Geneva, sans-serif; font-size:11px; width:209px; color:#000; }
#questionImmo2 { text-align:left; color:#000; font-weight:bold; padding:10px 10px 0 18px; margin:0; }
#formPretImmobilier div #PrjTypeLogt { font-family:Verdana, Geneva, sans-serif; font-size:11px; width:209px; color:#000; }
#immoblocprincipal { height:419px; width:330px; margin:8px auto 14px auto; float:left; text-align:center; }
#immoblocprincipal a img { margin-top:0; }
#immoBloc3 { width:250px; margin:10px; display:block; text-align:justify; float:left; }
#immoblocprincipal #taux_accueil { text-align:left; margin:10px auto 0 auto; width:185px; }
.pretimmoinfos { font-family:Verdana, Geneva, sans-serif; font-size:18px; letter-spacing:-1px; width:557px; color:#898989; border-bottom:#898989 2px solid; padding-bottom:4px; margin-left:10px; }
.pretimmoinfostext { color:#232323; width:557px; font-family:Verdana, Geneva, sans-serif; font-size:10px; margin:10px; text-align:justify; }
#txt_accueil #bnt_infos2 { padding:0; margin:0 0 0 173px; background:url(../img/plus-infos.gif) no-repeat; }
#txt_accueil #bnt_infos2:hover { background:url(../img/plus-infos-hover.gif) no-repeat; }
#txt_accueil #bnt_infos2 a img { border:0; margin:0; }
#tel_siege2 { text-align:center; margin:22px 0 0 8px; padding:0; }
#btnsHomePageCreditImmo { padding-top:8px; }
#homePresCourtiersCredit { clear:both; position:relative; top:14px; }
#homePresPretImmobilier { clear:both; position:relative; top:-15px; }
#homePresPretImmobilier .desc, #homePresCourtiersCredit .desc { float:left; width:608px; }
/* actualites blog accueil nouvelle version */
#actusBlogAccueil { position:relative; top:23px; }
#actusAgencesAccueil { position:relative; top:17px; }
#actusBlogAccueil h3, #actusAgencesAccueil h3 { margin:0; }
#actusBlogAccueil h3 a, #actusAgencesAccueil h3 a { color:#000; }
#actusBlogAccueil ul, #actusAgencesAccueil ul { margin:0; padding:0; list-style:none; }


/*	FRANCHISE */
/* accueil */
h2.slogan { font-style:italic; text-align:center; color:#666; position:relative; margin-bottom:30px; clear:both; }
h2.slogan span.leftQuote { font-family:Georgia, 'Times New Roman', Times, serif; font-size:50px; color:#666; position:absolute; top:-5px; left:60px; }
h2.slogan span.rightQuote { font-family:Georgia, 'Times New Roman', Times, serif; font-size:50px; color:#666; position:absolute; top:-5px; right:70px; }
#pageAccueilFranchiseLeft h2, #pageAccueilFranchiseRight h2 { background-color:#b30000; color:#FFF; text-align:center; padding:1px 2px; font-family:Tahoma, Geneva, sans-serif; border:#A80000 2px solid; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#pageAccueilFranchiseRight ul { padding:0 0 0 20px; margin:0 0 10px 25px; }
#pageAccueilFranchiseRight ul li { list-style-image:url(../img/arrow-right.gif); list-style-position:outside; margin:0; padding:0; }
#formContactFranchise form { width: 280px; padding:0; }
#formContactFranchise form div label { display:block; width:100px; float:left; text-align:right; padding-right:10px; padding-top:2px; font-weight:bold; color:#b30000; }
#formContactFranchise form div label sub { font-weight:bold; color:#888; font-family:Verdana, Geneva, sans-serif; font-size:12px; }
#formContactFranchise form div label span { font-weight:normal; color:#333; font-family:Verdana, Geneva, sans-serif; font-size:9px; display:block; }
#formContactFranchise form div { clear:both; margin:8px 0; }
#formContactFranchise form div input { width:160px; border:#999 1px solid; color:#000; }
#formContactFranchise form div input:hover, #formContactFranchise form div input:focus { border:#000 1px solid; color:#009; }
#formContactFranchise form div select:hover, #formContactFranchise form div select:focus { border:#000 1px solid; color:#009; }
#formContactFranchise form div .errorForm { background:#b30000; color:#FFF; font-weight:bold; }
#formContactFranchise form div.labelMsgForm label { width:110px; text-align:left; padding-left:7px; }
#formContactFranchise form div.ctnMsgForm { text-align:right; padding-right:10px; }
#formContactFranchise form div.ctnMsgForm textarea {  border:#999 1px solid; color:#000; }
#formContactFranchise form div.ctnMsgForm textarea:hover, #formContactFranchise form div.ctnMsgForm textarea:focus { border:#000 1px solid; color:#009; }
#formContactFranchise form div .errorForm:hover, #formContactFranchise form div .errorForm:focus { color:#FFF; font-weight:bold; }
#formContactFranchise form div.ctnMsgForm textarea.errorForm { color:#FFF; font-weight:bold; }
#formContactFranchise form div.ctnMsgForm textarea.errorForm:hover, #formContactFranchise form div.ctnMsgForm textarea.errorForm:focus { color:#FFF; font-weight:bold; }
#formContactFranchise form div.ctnSubmitForm { text-align:center; }
#formContactFranchise form div.ctnSubmitForm #returnMsg { font-weight:bold; color:#A80000; }
#formContactFranchise form div.ctnSubmitForm #returnMsg span { text-decoration:underline; }
#formContactFranchise form div #submit_contact { border:#a80000 2px solid; background:#fff; color:#b30000; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; cursor:pointer; }
#formContactFranchise form div #submit_contact:hover { background:#b30000; color:#fff; }
#formContactFranchise p.plusInfos { text-align:center; color:#888; font-family:Verdana, Geneva, sans-serif; font-size:10px; }
#formContactFranchise p.plusInfos sub { font-weight:bold; color:#888; font-family:Verdana, Geneva, sans-serif; font-size:12px; }
#formContactFranchise p.warnForm { margin-top:20px; font-family:Verdana, Geneva, sans-serif; font-size:10px; }
#pageAccueilFranchiseLeft ul.objectifsFranchise { padding:0 0 0 30px; margin:0; }
#pageAccueilFranchiseLeft ul.objectifsFranchise li { list-style-image:url(../img/valid-red-min.gif); list-style-position:outside; margin:0; padding:0 0 10px 0; text-align:justify; }


/*	FOOTER */
#footer{ width:920px; height:59px; background:url(../bkg/banner_footer_vf.gif) no-repeat; /*background-color:#F00;*/ padding:0; margin:0; clear:both; }
#footer_print { display:none; }
#footer_link { width:100%; }
#footer_link p { float:left; width:50%; text-align:right; margin:2px 0 0 0; }
#footer_link p:first-child { text-align:left; }
#footer_link p a { color:#000; text-decoration:none; margin-right:0; margin-left:8px; }
#footer_link p:first-child a {  margin-right:8px; margin-left:0; }
#footer_link p a:hover { color:#b30000; text-decoration:underline; }


/* CONTENEUR DES PAGES DU SITE ET SIDEBAR */
#pages { width:904px; height:auto; min-height:505px; background:url(../bkg/bkg-all-pages.jpg) no-repeat; margin:0 0 0 8px; display:block; overflow:auto; }
#sidebar { width:236px; height:auto; float:left; }
#content { width:605px; height:auto; float:right; padding-left:18px; padding-top:16px; padding-right:45px; }
/*#content p { text-align:justify; } */


/* SIDEBAR */
#sidebtn { width:210px; height:165px; margin:46px 0 0 26px; position:relative; }
#sidebtn div a img { border:0; }
#sidebtn #btn_demande { position:absolute; top:39px; left:0; width:113px; height:102px; z-index:10; }
#sidebtn #btn_calcul { position:absolute; top:0px; left:86px; width:97px; height:88px; z-index:11; }
#sidebtn #btn_franchise { position:absolute; top:77px; right:0; width:96px; height:88px; z-index:9; }
#sidebtn #btn_demande:hover, #sidebtn #btn_calcul:hover, #sidebtn #btn_franchise:hover { z-index:25; }

.side-block { border:#898989 1px solid; margin:20px 5px 0 5px; padding:4px; }
.side-block h3 { background-color:#000; color:#FFF; margin:0; padding:2px 5px 2px 18px; }
.side-block h3 a { color:#FFF; text-decoration:none; }
.side-block ul { margin:0; padding:0; list-style:circle; color:#b30000; }	/* 0 8px 0 16px */
.side-block ul li { padding:0 8px 0 5px; list-style-position:inside; vertical-align:top;  }
.side-block ul li a { color:#000; text-decoration:none; display:inline-block; width:160px; }
.side-block ul li a:hover, #sidebar div div h3 a:hover { color:#b30000; text-decoration:none; }
.side-block ul li a:hover, .side-block ul li:hover { color:#FFF; background-color:#b30000; }
.side-block #infos_agence { margin-top:10px; }
.side-block #infos_agence p { margin:0; text-align:center; font-weight:bold; font-size:14px; }
#pret_agence { /* */ }
#demandePretAgence { margin:0; padding:0; text-align:left; }
#demandePretAgence ul  { text-align:left; margin:10px 0 0 0; list-style:none; text-align:center; }
#demandePretAgence ul li a  { font-weight:bold; color:#b30000; border:#b30000 1px solid; padding:2px 4px; width:70%; text-align:left; }
#demandePretAgence ul li a:hover { color:#FFF; }
.adresseAgenceMenu { margin:0; text-align:center; }


/* MODULE FORMULAIRE DE CONTACT */
#form_contact form { width: 500px; padding: 10px 20px; }
#form_contact form div { margin: 1em 0; }
#form_contact form div.double {
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	/* Idem pour IE6 */
	width: 100%;
}
#form_contact form div.double label { float: left; width: 150px; text-align: right; font-weight: bold; cursor: pointer; }
#form_contact form div.double label span.info { display: block; margin-top: .2em; font-size: .8em; font-weight: normal; cursor: default; }
#form_contact form div.double input,
#form_contact form div.double select,
#form_contact form div.double textarea { width: 250px; margin-left: 12px; border:#006 solid 1px; padding: 2px 4px; }
#form_contact form div.double select { width:100px; }
#form_contact form div.double textarea { padding: 2px 0 0 4px; width: 320px; height: 6em; }
#form_contact form div.simple { margin-left: 160px; }
#submit_contact { font-weight:bold; font-family:Tahoma, Geneva, sans-serif; font-size:1.4em; color:#000; }
#submit_contact:hover { color:#b30000; }


/* BANQUES PARTENAIRES */
#tbl_banques { border:0; margin-left:auto; margin-right:auto; margin-top:20px; }
#tbl_banques tr td { width:165px; text-align:center; padding:0 12px 10px 12px; }
#tbl_banques tr td a { color:#000; text-decoration:none; }
#tbl_banques tr td a:hover { color:#b30000; text-decoration:underline; }
#tbl_banques tr td a img, #tbl_banques tr td img { border:#959595 1px solid; }
#tbl_banques tr td a img:hover { border:#a6152a 1px solid; }
#liste_agences_banque, #liste_agences_banque li ul { margin:0; list-style:none; padding:2px; }
#liste_agences_banque li ul { border:#898989 1px solid; }
#liste_agences_banque li { margin:0 0 20px 0; }
#liste_agences_banque li ul li { margin:0; }


/* ANNUAIRES PARTENAIRES */
#liste_annuaires div { margin:0 0 40px 0; }
#liste_annuaires div h3 { margin:0; }
#liste_annuaires div p { margin-top:0; }
#liste_annuaires div a.link_annuaire { font-family:Verdana, Geneva, sans-serif; font-size:10px; }
#liste_annuaires div a.link_annuaire:before { content:'[ '; color:#000; }
#liste_annuaires div a.link_annuaire:after { content:' ]'; color:#000; }


/* GUIDES PRATIQUES */
#dossiers_accueil { margin-top:30px; }
#dossiers_accueil h2 { margin-bottom:0; margin-top:20px; }
#dossiers_accueil p { margin-left:10px; margin-top:0; }
#dossier_accroche P { text-align:justify; }
#liste_articles div { border:#898989 1px solid; background-color:#FFF; padding:4px; margin-bottom:20px; }
#liste_articles div h3 { margin:0; background-color:#b30000; padding:2px 4px; }
#liste_articles div h3 a { color:#FFF; width:100%; display:block; }
#liste_articles div p { margin:0; text-align:justify; }
.ctn_pagination { width:98%; }
.pagin_liste_gauche, .pagin_liste_droite { display:block; width:49%; height:25px; text-align:left; padding:15px 0 5px 0; float:left; border:0; }
.pagin_liste_gauche { text-align:left; }
.pagin_liste_droite { text-align:right; }
.pagin_liste_gauche a, .pagin_liste_droite a { border:#898989 1px solid; background:#fff; padding:4px; }
.pagin_liste_gauche a:hover, .pagin_liste_droite a:hover { background-color:#dfdfdf; }
#jumpbox_articles { display:block; text-align:right; margin-top:20px; font-family:Verdana, Geneva, sans-serif; font-size:10px; }
#jumpbox_articles select { border: solid 1px #898989; padding: 2px 4px; font-family:Verdana, Geneva, sans-serif; font-size:10px; }


/* LEXIQUE */
#lexique_accueil h2 { margin-top:30px; }
.lexique { margin:0 auto 0 auto; padding:0; list-style:none; }
.lexique li { display:inline; padding:3px; }
.lexique li a { padding:2px 4px; border:#898989 1px solid; background-color:#FFF; }
.lexique_hasard { margin:0; list-style:circle; }


/* FAQ */
#faq_accueil h2 { margin-top:30px; margin-bottom:0; }
.faq_liste { margin:10px 0 0 0; list-style:circle; }


/* GOOGLE MAPS ACCUEIL AGENCES */
#ctn_maps { padding:8px; border:#898989 1px solid; }
#ctn_maps  #map{ overflow: hidden; width:100%; height:350px; }
/*#ctn_maps  #map{ overflow: auto; position:absolute; top:0; left:0; width:100%; height:98%; z-index:30; }*/
#sidebar_map { display:none; }
#fullscreen_map { text-align:right; margin:0; padding:0; }
#fullscreen_map a { border:#898989 1px solid; border-top:#FFF 1px solid; padding:0; margin:0; cursor:pointer; color:#898989; background-color:#FFF; text-decoration:none; }
#fullscreen_map a:hover { color:#FFF; background-color:#898989; text-decoration:none; }
#fullscreen_map a span { margin:5px; }
#no_fullscreen_map { position:absolute; bottom:0; left:0; margin:0; background-color:#FFF; height:50px; width:100%; z-index:31; font-size:16px; font-weight:bold; text-align:center; padding-top:10px; cursor:pointer; }


/*	CONTROLE PERSONNALISE GOOGLE MAPS 	*/
.htmlControl { border:#000 1px solid; background:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:0; vertical-align:top; cursor:pointer; }
.htmlControl p { margin:1px 1px 0 7px; padding:0; float:left; font-weight:bold; }
.htmlControl input { margin:2px 3px 0 0; padding:0; cursor:pointer; }


/* INFOBULLES POUR LES AGENCES DANS LA GOOGLE MAPS */
.infobulle	{ position:relative; margin:0; padding:0; width:300px; height:100px; }
.infobulle h4	{ background-color:#b30000; padding:2px 4px; margin:0 0 10px 0; }
.infobulle h4 a	{ color:#FFF; }
.infobulle p { text-align:center; margin:0; }
.infobulle div { position:absolute; bottom:0; width:100%; }
.infobulle div .contact { float:left; text-align:left; width:40%; margin:0; }
.infobulle div .site { float:right; text-align:right; width:40%; margin:0; }


/*	INFOBULLE DES GROUPES DE MARQUEURS GOOGLE MAPS 	*/
.infobulleGroupe { position:relative; margin:0; padding:0; min-height:3em; height:auto; max-height:17em; overflow:auto; width:24em; }
.infobulleGroupe h4	{ background-color:#b30000; padding:2px 4px; margin:0; color:#FFF; }
.infobulleGroupe h4 a	{ color:#FFF; }
.infobulleGroupe h4 span { float:right; font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#CCCCCC; }
.infobulleGroupe h4 span a { color:#CCCCCC; }
.infobulleGroupe ul { margin:0 5px 0 0; padding:0; }
.infobulleGroupe ul li span { font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#898989; }
.infobulleGroupe ul li span a { color:#898989; }


/* FORMULAIRE DE RECHERCHE DES AGENCES */
/* formulaire */
#formRechercheAgence { margin-bottom:40px; }
#formRechercheAgence form { background:url(../bkg/bkgSearchAgency.png); width:605px; height:54px; margin:0; padding:0; position:relative; }
#formRechercheAgence form div { display:block; padding:10px 0 0 0; margin:0; text-align:center; }
#formRechercheAgence form div span { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:24px; vertical-align:middle; color:#FFF; margin:0 5px 0 0; padding:0; cursor:pointer; }
#formRechercheAgence form div span:hover { color:#CCC; text-decoration:underline; }
#formRechercheAgence form div label { font-family:Tahoma, Geneva, sans-serif; font-size:24px; font-weight:bold; vertical-align:middle; color:#FFF; margin:0 5px 0 0; padding:0; }
#formRechercheAgence #textSearchAgency { font-family:Tahoma, Geneva, sans-serif; font-size:1.4em; font-weight:bold; width:320px; height:auto; background-color:#FFF; border:2px solid #A80000; color:#515151; padding:3px 4px; margin:0; vertical-align:middle; }
#formRechercheAgence #submitSearchAgency { font-family:Tahoma, Geneva, sans-serif; font-size:1.4em; font-weight:bold; vertical-align:middle; }
/* message retour si plus de 1 resultat en geocode */
#formRechercheAgence #msgReturnSearch { background-color:#FFF; margin-top:-17px; padding:0; border:#A80000 2px solid; border-top:none; width:596px; }
#formRechercheAgence #msgReturnSearch p { margin-top:0; padding-top:20px; padding-left:5px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; font-size:14px; }
#formRechercheAgence #msgReturnSearch ol { width:auto; margin-top:0; padding-top:0; padding-right:4px; }
#formRechercheAgence #msgReturnSearch ol li { width:auto; }
/* message d'aide */
#formRechercheAgence form div #helpSearch {  position:absolute; top:39px; left:103px; right:168px; width:312px; font-family:Verdana, Geneva, sans-serif; font-size:10px; text-align:justify; z-index:1; background-color:#FFF; margin:0; padding:4px 8px; border:#A80000 2px solid; border-top:none; }
#formRechercheAgence form div #helpSearch hr {  margin:-4px auto 4px auto; padding:0; text-align:center; border:none; border-top:#898989 1px solid; }



/*	LISTES AGENCES PAR DEPARTEMENTS */
#agences_departement { margin:10px 0 0 0; padding:0; }
.li_cont_ag_dept	{ width:48%; margin:0 5px 15px 5px; padding:0; border:#000 1px solid; float:left; position:relative; height:135px; }
.li_cont_ag_dept:hover { border:#000000 1px solid; }
.li_cont_ag_dept h3	{ font-size:14px; padding:2px 0 2px 5px; margin:0 0 8px 0; font-weight:normal; background-color:#b30000; color:#FFF; border-bottom:#000 1px solid; }
.li_cont_ag_dept h4	{ font-size:12px; padding:0; margin:0; font-weight:bold; text-align:center; }
.li_cont_ag_dept h3 a	{ color:#FFF; }
.li_cont_ag_dept p { margin:0 5px; text-align:center; overflow:auto; }
.li_cont_ag_dept div { width:100%; display:block; height:20px; background:#CCCCCC; position:absolute; bottom:0; }
.li_cont_ag_dept div p { display:block; width:49%; vertical-align:middle; float:left; margin:0; padding:2px 0 0 0; text-align:center; }
.li_cont_ag_dept div p a { color:#000; }


/* LISTING DES DEPARTEMENTS / VILLES */
#liste_departements { padding-bottom:100px; }
#liste_departements .col_dept { width:49%; float:left; }
#liste_departements h2 { margin:0 0 10px 0; }
#liste_departements .tr_dep, .tr_fluxRSS, .tr_listeAgences { width:100%; height:auto; margin-bottom:5px; margin-left:20px; clear:both; } 
#liste_departements .tr_dep div , .tr_fluxRSS div, .tr_listeAgences div { display:block; float:left; height:100%; }
#liste_departements .tr_dep div { width:45%; }
#liste_departements .tr_dep div h3 , 
.tr_fluxRSS div h3 					{ font-size:16px; margin:0; }

#liste_departements .tr_dep div ul , 
.tr_fluxRSS div ul , 
.tr_listeAgences div ul				{ margin:0 0 30px 0; padding:0 0 0 25px; }
#liste_villes_dep ul { margin:25px 0 10px 20px; }

#liste_departements .tr_dep div ul li , 
#liste_villes_dep ul li , 
.tr_fluxRSS div ul li, 
.tr_listeAgences div ul li 			{ list-style-image:url(../img/fleche_noir.gif); }

#liste_departements .tr_dep div ul li:hover , 
#liste_villes_dep ul li:hover , 
.tr_fluxRSS div ul li:hover , 
.tr_listeAgences div ul li:hover	{ list-style-image:url(../img/fleche_rouge.gif); }

#liste_departements .tr_dep div ul li a , 
#liste_villes_dep ul li a , 
.tr_fluxRSS div ul li a , 
.tr_listeAgences div ul li a		{ vertical-align:top; margin-left:-6px; color:#000; } 
.tr_listeAgences div ul li a:hover { color:#b30000; text-decoration:none; }
#liste_villes_dep ul li span { font-size:10px; vertical-align:middle; margin-left:15px; }
.infos_dep_pagination { margin:25px 0 0 0; }

.tr_fluxRSS { width:100%; height:auto; margin-bottom:5px; margin-left:20px; clear:both; }
.tr_fluxRSS div, .tr_listeAgences div { width:90%; }


/* FICHES EMPLOYES DES AGENCES */
#liste_employes div { width:46%; height:96px; background-color:#FFF; margin:5px; padding:5px; border:#898989 1px solid; float:left; }
#liste_employes div img { float:left; margin:0 6px 0 0; }
#liste_employes div h4 { margin:0 0 8px 0; }
#liste_employes div p { margin:0; }


/*	AUTRE MOYENS DE CONTACTER AGENCE */
#autre_contact_agence p { margin:0; }


/*	PARTENAIRES DES AGENCES */
#liste_partenaires div { margin:0 0 20px 0; border:#898989 1px solid; padding:5px; background-color:#FFF; }
#liste_partenaires div h3 { margin:0; }
#liste_partenaires div p span { font-weight:bold; }


/*	GRILLES DE TAUX DES AGENCES */
.tbl_barometre_taux { width:100%; font-family:Verdana, Geneva, sans-serif; font-size:12px; padding-bottom:1px; }
.tbl_barometre_taux caption { padding:10px; font-size:18px; font-family:Verdana, Geneva, sans-serif; text-align:left; }
.tbl_barometre_taux caption input { font-size:18px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; width:110px; text-align:center; cursor:pointer; background:#FFF; border:#000 1px solid; }
.tbl_barometre_taux caption select { font-size:18px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; } 
.tbl_barometre_taux tr th { padding:3px 5px; margin:1px; color:#FFFFFF; font-weight:bold; background:#b30000; border:#000 1px solid; } 
.cell_vide { background:#e2e0e0; border:0; visibility:hidden; }
.tbl_barometre_taux tr td { text-align:center; height:18px; background-color:#FFF; border:#898989 1px solid;  } 
.tbl_barometre_taux tr td span { color:#898989; font-style:italic; } 
.tbl_barometre_taux tr td input { border:0; width:95%; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-align:right; background:transparent; }
.tbl_barometre_taux tr td input:focus { text-align:left; }


/*	BTN CONTACT SIMULATEUR AGENCES IMMO */
#btnContactCalculApi { background:url(../bkg/mail-api-immo-1-red.png); width:50px; height:50px; border:0; }
#btnContactCalculApi:hover { background:url(../bkg/mail-api-immo-1-grey.png); }


/* PAGINATION LISTING AGENCES PARTENAIRES SIMULATEURS */
.bloc_pagination { font-family:Arial, Helvetica, sans-serif; font-size:1em; text-align:center; }
.bloc_pagination ul, #nbrResPage ul { list-style:none; }
.bloc_pagination ul li, #nbrResPage ul li { display:inline; padding:0; margin:0 2px;  }
.bloc_pagination ul li a { background:#FFFFFF; padding:2px; color:#000; border:#898989 1px solid; text-decoration:none; }
.bloc_pagination ul li a:hover { background:#A80000; color:#FFF; border:#000 1px solid; }
.bloc_pagination ul li strong { background:#A80000; padding:2px 4px; color:#FFF; border:#000 1px solid; }


/*	PLAN DU SITE */
#titre_plansite { margin:40px 0 0 0; }
#titre_plansite a { color:#000; }
#gen_plan_site li h2, 
#gen_plan_site li h3, 
#gen_plan_site li h4, 
#gen_plan_site li h5 { margin:0; } 
#gen_plan_site li h2 { margin-top:10px; } 
#gen_plan_site li h3, 
#gen_plan_site li h4 { font-weight:normal; } 
#gen_plan_site a { color:#000; }



/*	FONCTION PARTAGE RESEAUX SOCIAUX */
div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em; }
.sociable span { display: block; }
.sociable ul { 
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img { float: none; width: 16px; height: 16px; border: 0; margin: 0; padding: 0; }



/*	LIENS SOUS FORME DE BOUTONS "WEB 2" */
.btn_web2 {
    /* Sliding right image */
    background: transparent url(../bkg/btn_3_b.gif) no-repeat scroll top right; 
	display: block;
	float: left;
	height: 37px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.btn_web2 span {
	/* Background left image */ 
	background: transparent url(../bkg/btn_3_a.gif) no-repeat; 
	display: block;
	line-height: 27px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 7px 0 5px 18px;
} 
.btn_web2:hover {
    background: transparent url(../bkg/btn_1_b.gif) no-repeat scroll top right; 
}
.btn_web2:hover span{
	background: transparent url(../bkg/btn_1_a.gif) no-repeat; 
	text-decoration:underline;
}



/* BLOG */
/* Detail d'un post */
.infos_post { width:300px; border:#a6a6a6 1px solid; padding:5px; margin:0 0 0 auto; }
.infos_post div, .infos_post_blog_accueil { text-align:left; font-family:Verdana, Geneva, sans-serif; font-size:10px; overflow:auto;  }
.infos_post div a, .infos_post_blog_accueil a { color:#898989; text-decoration:none; }
.infos_post div a:hover, .infos_post_blog_accueil a:hover { color:#b30000; }
.calendar{ background:url(../bkg/calendar.gif) no-repeat; width:47px; height:53px; margin:0 10px auto 0; float:left; }
.calendar span { padding:11px 0 6px 0; color:#FFF; font-size:11px; line-height:100%; display:block; text-align:center; }
.calendar div { font-weight:bold; color:#000; font-size:19px; line-height:100%; text-align:center; overflow:hidden; }
.post_blog { border:#898989 1px solid; margin:8px 0 0 0; padding:2px 8px 2px 8px; /*background-color:#FFF; */ }
.post_blog p:first-child { margin-top:8px; }

/* Articles en relation */
#crp_related h3 { margin:40px 0 0 0; }
#crp_related ul { margin:0 0 40px 10px; list-style:circle; color:#b30000; }
#crp_related ul li a { color:#000; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-size:11px; }
#crp_related ul li a:hover { color:#b30000; text-decoration:underline; }

/* Commentaires */
.reply h3 { margin:0; }
#comments { margin:40px 0 0 0; font-family:Tahoma, Geneva, sans-serif; font-size:11pt; font-weight:bold; }
.list-4 { padding:0; margin:0 0 10px 0; list-style:none; }
.list-4 li { background:#E6E6E6 url(../bkg/quotes-blanc.gif) no-repeat; background-position:5px 60px; min-height:120px; padding:2px 4px 2px 4px; }
.list-4 li.alt { background:#FFF url(../bkg/quotes-gris-clair.gif) no-repeat; background-position:5px 60px; }
.list-4 li p { padding-left:80px; padding-right:10px; }
.list-4 li div img { border:#898989 1px solid; float:left; margin:0 5px 0 2px; }
#comment_logged { margin:0 ; font-family:Verdana, Geneva, sans-serif; font-size:0.8em; }
#commentform p { margin:0 0 5px 0; }
#commentform p #submit { border:#898989 1px solid; margin:5px 0 10px auto; }

/* page d'accueil */
.title h2 { margin:0; }
.list-3 { margin:0; padding:0; list-style:none; display:block; position:relative; }
.list-3 li { margin:0 0 40px 0; height:auto; padding:5px;  clear:both; }
.title { border:#a6a6a6 1px solid; padding:0 0 4px 4px; background-color:#FFF; }
.list-3 li .title h2 a { color:#000; text-decoration:none; }
.list-3 li .title h2 a:hover { color:#b30000; text-decoration:none; }
.list-3 li p { /* */  }
.list-3 li p a { text-decoration:none; color:#000; }
.list-3 li p a:hover { text-decoration:none; color:#b30000; }
.list-3 li p a.more-link { color:#b30000; display:block; width:100%; margin:0; }
.list-3 li p a.more-link:hover { color:#000; }
.float_correction { visibility: hidden; }

/* Fil d'ariane */
.breadcrumb { height:auto; margin:0; padding:0 0 30px 0; }
.breadcrumb div { font-weight:bold; width:80px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:0.8em; }
#ariane { font-weight:normal; height:auto; width:520px; float:right; overflow:auto; }

/* Pagination SEO */
#seopagebar { font: normal 1.01em arial; padding:10px 0 10px 0; margin:0; text-align:center; }
#seopagebar p { padding: 5px 0; margin: 0 0 5px 0; }
#seopagebar a, .pageList .this-page { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; margin: 2px 4px; }
#seopagebar a:visited { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; margin: 2px 4px; }
#seopagebar a:hover, #seopagebar a:active { color: #e62d00; text-decoration: none; }
#seopagebar h1, #seopagebar h2, #seopagebar h3, #seopagebar h4, #seopagebar h5, #seopagebar h6 { text-decoration: none; color: #000; border: none; font-size: 1.2em; padding: 0; margin: 0; }
#seopagebar h1 a, #seopagebar h2 a, #seopagebar h3 a, #seopagebar h4 a, #seopagebar h5 a, #seopagebar h6 a { text-decoration: none; color: #000; border: none; padding: 0; margin: 0; }
#seopagebar h2 a:visited { text-decoration: none; color: #000; border: none; } 
#seopagebar h2 a:hover { text-decoration: none; color: #000; border: none; } 
#seopagebar .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
#seopagebar .this-page { padding: 2px 6px; border-color: #999; background: #fff; }

/* formulaire de recherche */
.search-textfield { width:160px; margin:2px 2px 0 0 }
.search-button { float:right; border:#898989 1px solid; margin:2px 0 0 0; }
 
/* Elements redondants dans tous les styles du blog */
.linkcommentblog { /*display:block; */ }
.more-link, .linkcommentblog { text-align:right; font-family:Verdana, Geneva, sans-serif; font-size:10px; /*clear:both;*/ }
.more-link { margin-top:10px; font-weight:bold; }
.alignnone { padding: 0px 15px 5px 0; }
.alignleft { float: left; padding: 0px 15px 5px 0; }
.alignright { float: right; padding: 0px 0px 5px 15px; }
.aligncenter { float: right; padding: 0px 0px 5px 15px; }
.com { margin-bottom: 20px; }
.com blockquote { background-position: 0 0; padding: 0; margin: 0; }
.com blockquote p { padding: 0 30px; margin: 0; color: #666666; }
.com code { margin: 0; font-family: monospace; font-size: 13px; padding: 8px 15px; background-color: white; border: 1px solid #DAF2FC; color: #666666; }
#commentform p { margin-bottom: 5px; }
#commentform p label { margin-left: 5px; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding: 4px 0 0 0; margin: 0 0 15px 0; }
.wp-caption img { display: block; margin: auto auto; padding: 0 0; }
.wp-caption p.wp-caption-text { padding: 3px 0 !important; }
.wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }