/*
 * Script: website.css
 * Author: Charles Lauzon
 * Date:   14 Septembre 2007
 */
 
/* Reset CSS - Default CasaVisite Value */
body, div, form, fieldset, ul, ol, table, p, input, select{ font:normal normal normal 12px/120% Arial, Helvetica, sans-serif; margin:0; padding:0; }
body{ width:1024px; height:650px; font:normal normal normal 12px/120% Arial, Helvetica, sans-serif; margin-left:auto; margin-right:auto; }

input, select{ font-size:100%; }

.CasaVisite{ width:1024px; height:650px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:auto; margin-right:auto; }

#date{ color:#fff; font-size:12px; padding-left:25px; }
.erreur{ color:#FF0000;	font-weight:bold; text-align:center; cursor:default; text-decoration:blink; visibility: expression(assignBlink(this)); }
.table_titre{ color:#FFFFFF; font-size:22px; text-align:center; cursor:default; line-height:34px; }

#container{ width:1024px; height:650px; margin-left:auto; margin-right:auto; background-color:#fff; }
#site{ float:left; width:1000px; height:621px; position:relative; z-index:0; }

/* OLD STUFF

.NoCasa{ width:17px; height:30px; border:0; color:#211F5F; font-size:26px; font-family:Lucida Console; font-weight:bold; text-align:center; vertical-align:text-bottom; }
*/

/* DESIGN */
/* Contour Casa */
#design_top{ float:left; width:1024px; height:21px; background: url(images/design/top.gif); background-repeat:no-repeat; }
#design_left{ float:left; width:20px; height:621px; background: url(images/design/left.gif); background-repeat:no-repeat; }
#design_right{ float:left; width:4px; height:621px; background: url(images/design/right.gif); background-repeat:no-repeat; }
#design_footer{ float:left; width:1024px; height:8px; background: url(images/design/footer.gif); background-repeat:no-repeat; overflow:hidden; }

/* Entete */
#h{ width:1000px; height:89px; background: url(images/design/header.gif); background-repeat:no-repeat; }
#h1{ width:1000px; height:43px; }
#hf{ float:left; width:150px; height:100%; text-align:right; }
#hf img{ width:55px; height:40px; background:url(images/design/fleche.gif); }
/* NoMaison */
.noCasa{ float:left; width:23px; height:100%; position:relative; top:7px; }
.noCasa input{ width:17px; height:30px; border:0; color:#211F5F; font-size:26px; font-family:Lucida Console; font-weight:bold; text-align:center; }
#btnRecherche{ float:left; width:29px; height:19px; position:relative; top:24px; }
#btnRecherche img{ width:29px; height:19px; background:url(images/boutton/btnGo.gif); cursor:pointer; }
#btnRecherche img:hover{ background:url(images/boutton/btnGoOver.gif); }
/* Slogan */
#hs{ float:left; width:560px; color:#fff; text-align:right; cursor:default; }
#hs1{ width:515px; height:22px; font-size:12px; font-weight:bold; line-height:22px; margin-right:45px; }
#hs2{ width:550px; height:21px; font-size:13px; font-weight:bold; line-height:21px; margin-right:10px; }
/* Site Link */
#hsl{ float:left; width:169px; height:100%; text-align:left; line-height:14px; }
#hsl a{ color:#A37062; font-size:12px; text-decoration:none; }
#hsl a:hover{ color:#fff; }
#hsl span{ font-size:9px; }
.hsll{ height:14px; }
.hsll:hover{ background-color:#620E10; }
.hslcl{ height:15px; background-color:#620E10; }
#h2{ width:1000px; height:44px; }
#btnIndex{ float:left; width:250px; height:100%; cursor:pointer; }
#btnLostPassword{ float:left; width:249px; height:100%; text-align:right; }
#btnLostPassword a{ height:10px; color:#f00; font-size:10px; text-decoration:none; cursor:pointer; position:relative; top:29px; }
#hd{ float:left; width:501px; height:100%; text-align:right; }
#hdb{ height:22px; color:#272463; font-size:16px; line-height:22px; cursor:default; padding-top:8px; }
#deconnection{ width:385px; text-align:right; position:relative; top:8px; }
#bienvenue{ height:22px; color:#272463; font-size:16px; line-height:22px; cursor:default; }
#btnLogOut{ height:14px; color:#FF0000; font-size:10px; line-height:12px; }
#btnLogOut a{ cursor:pointer; }

/* Menu */
#m{ width:1000px; height:26px; }
.mi{ float:left; font:normal normal bold 12px/23px Times New Roman, Times, serif; color:#fff; background-color:#620E10; height:23px; text-align:center; zoom:1; border-right:2px solid #fff; }
.mi a{ color:#fff; text-decoration:none; cursor:pointer; }
.mi a:hover{ color:#f9966b; }
.mi ul{ list-style:none; }
.mi li{ font:normal normal bold 12px/23px Times New Roman, Times, serif; color:#fff; text-align:center; background-color:#620E10; }
/* Open & Close Menu */
.mi ul li:hover .mis{ color:#7C181F; cursor:default; } /* Sub Menu Change Style */
.mi ul ul{ display:none; }
.mi ul li:hover ul{ display: block; }  /* OK pour FF, Opera, Chrome | IE Ajouter un csshover.htc script pour activer le hover */
/* Expend Menu */
ul#miss{ position:absolute; text-align:center; }
ul#miss li{ width:298px; }
ul#miin{ position:absolute; text-align:center; width:113px; height:26px; top:0; left:0; } 
ul#miin li{ width:113px; } 
/* Login */
#ls{ width:298px; height:10px; font-weight:bold; text-align:center; }
#ls #txtMembreId, #txtPassword{ height:12px; font-size:10px; position:relative; top:-1px; }
#txtMembreId{ width:120px; }
#txtPassword{ width:82px; }
#btnLogin{ width:23px; height:16px; background:url(images/boutton/btnLogin.gif); cursor:pointer; position:relative; top:4px; }
#btnLogin:hover{ background:url(images/boutton/btnLoginOver.gif); }
#lips_menu{ width:100%; height:3px; float:left; line-height:3px; }

/* Erreur */
#erreur{ width:100%; height:20px; line-height:20px; color:#f00; font-weight:bold; text-align:center; cursor:default; text-decoration:blink; visibility: expression(assignBlink(this)); }
/* Content */
#content{ width:100%; height:486px; background: url(images/design/background.gif); }
/* FaceBook Like */
#fbl{ float:left; width:600px; height:25px; padding-left:24px; padding-top:2px; text-align:left; }
/* Suport */
#suport{ float:left; width:400px; height:25px; text-align:right; }
/* Icon Browser Compatibility */
#iconIE, #iconFF, #iconGC, #iconOP{ width:16px; height:16px; margin-top:4px; }
#iconIE{ background:url(images/browser/explorer.gif); }
#iconFF{ background:url(images/browser/firefox.gif); }
#iconGC{ background:url(images/browser/chrome.gif); }
#iconOP{ background:url(images/browser/opera.gif); }
/* Search Engine Friendly */
#sef{ float:left; width:100%; height:78px; text-align:center; }
/* Recherche Avancer Links */
#autoRecherche{ float:left; width:100%; color:#999; text-align:center; }
#autoRecherche a{ color:#999; font-size:12px; text-decoration:none; }
#autoRecherche a:hover{ color:#211f5f; text-decoration:underline; }
/* DeadSpace Horizontal | Vertical */
.DSH10{ float:left; width:838px; height:10px; line-height:10px; overflow:hidden; font-size:1px;}
.DSV5{ float:left; width:5px; height:486px; }
.DSV6{ float:left; width:6px; height:486px; }

/* Design Table Casa Bleu */
.tbl_bleu_top{ width:838px; height:34px; }
.tbl_bleu_top_l{ float:left; width:99px; height:34px; background: url(images/table_bleu/headerLeft.gif); background-repeat:no-repeat; }
.tbl_bleu_top_c{ float:left; width:640px; height:34px; background: url(images/table_bleu/headerBG.gif); background-repeat:repeat; font:normal normal normal 22px/34px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; cursor:default; }
.tbl_bleu_top_r{ float:left; width:99px; height:34px; background: url(images/table_bleu/headerRight.gif); background-repeat:no-repeat; }
.tbl_bleu_content{ width:838px; }
.tbl_bleu_l{ float:left; width:5px; background: url(images/table_bleu/left.gif); background-repeat:repeat; }
.tbl_bleu_c{ float:left; width:828px; background-color:#FFFFFF; }
.tbl_bleu_r{ float:left; width:5px; background: url(images/table_bleu/right.gif); background-repeat:repeat; }
.tbl_bleu_footer{ width:838px; height:5px; overflow:hidden; }
.tbl_bleu_footer_l{ float:left; width:5px; height:5px; background: url(images/table_bleu/footerLeft.gif); background-repeat:no-repeat; }
.tbl_bleu_footer_c{ float:left; width:828px; height:5px; background: url(images/table_bleu/footer.gif); background-repeat:repeat; }
.tbl_bleu_footer_r{ float:left; width:5px; height:5px; background: url(images/table_bleu/footerRight.gif); background-repeat:no-repeat; }
/* Design Table Casa Rouge */
.tbl_rouge_top{ width:838px; height:34px; }
.tbl_rouge_top_l{ float:left; width:99px; height:34px; background: url(images/table_rouge/headerLeft.gif); background-repeat:no-repeat; }
.tbl_rouge_top_c{ float:left; width:640px; height:34px; background: url(images/table_rouge/headerBG.gif); background-repeat:repeat; font:normal normal normal 22px/34px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; cursor:default; }
.tbl_rouge_top_r{ float:left; width:99px; height:34px; background: url(images/table_rouge/headerRight.gif); background-repeat:no-repeat; }
.tbl_rouge_content{ width:838px; }
.tbl_rouge_l{ float:left; width:5px; background: url(images/table_rouge/left.gif); background-repeat:repeat; }
.tbl_rouge_c{ float:left; width:828px; background-color:#FFFFFF; }
.tbl_rouge_r{ float:left; width:5px; background: url(images/table_rouge/right.gif); background-repeat:repeat; }
.tbl_rouge_footer{ width:838px; height:5px; overflow:hidden; }
.tbl_rouge_footer_l{ float:left; width:5px; height:5px; background: url(images/table_rouge/footerLeft.gif); background-repeat:no-repeat; }
.tbl_rouge_footer_c{ float:left; width:828px; height:5px; background: url(images/table_rouge/footer.gif); background-repeat:repeat; }
.tbl_rouge_footer_r{ float:left; width:5px; height:5px; background: url(images/table_rouge/footerRight.gif); background-repeat:no-repeat; }

/* New Design Table Bleu ResiTempo */
.tbl_b_t{ width:838px; height:34px; }
.tbl_b_t_l{ float:left; width:99px; height:34px; background:url(images/table_bleu/headerLeft.gif); background-repeat:no-repeat; }
.tbl_b_t_c{ float:left; width:640px; height:34px; background-color:#211F5F; font:normal normal 22px/34px Arial, Helvetica, sans-serif; color:#fff; text-align:center; cursor:default; }
.tbl_b_t_r{ float:left; width:99px; height:34px; background:url(images/table_bleu/headerRight.gif); background-repeat:no-repeat; }

.tbl_b_c{ width:838px; }
.tbl_b_c_l{ float:left; width:5px; background: url(images/table_bleu/left.gif); background-repeat:repeat; }
.tbl_b_c_c{ float:left; width:828px; background-color:#fff; }
.tbl_b_c_r{ float:left; width:5px; background: url(images/table_bleu/right.gif); background-repeat:repeat; }

.tbl_b_f{ width:838px; height:5px; overflow:hidden; }
.tbl_b_f_l{ float:left; width:5px; height:5px; background: url(images/table_bleu/footerLeft.gif); background-repeat:no-repeat; }
.tbl_b_f_c{ float:left; width:828px; height:5px; background: url(images/table_bleu/footer.gif); background-repeat:repeat; }
.tbl_b_f_r{ float:left; width:5px; height:5px; background: url(images/table_bleu/footerRight.gif); background-repeat:no-repeat; }

/* New Design Table Rouge ResiTempo */
.tbl_r_t{ width:838px; height:34px; }
.tbl_r_t_l{ float:left; width:99px; height:34px; background:url(images/table_rouge/headerLeft.gif); background-repeat:no-repeat; }
.tbl_r_t_c{ float:left; width:640px; height:34px; background-color:#620E10; font:normal normal 22px/34px Arial, Helvetica, sans-serif; color:#fff; text-align:center; cursor:default; }
.tbl_r_t_r{ float:left; width:99px; height:34px; background:url(images/table_rouge/headerRight.gif); background-repeat:no-repeat; }

.tbl_r_c{ width:838px; }
.tbl_r_c_l{ float:left; width:5px; background: url(images/table_rouge/left.gif); background-repeat:repeat; }
.tbl_r_c_c{ float:left; width:828px; background-color:#fff; }
.tbl_r_c_r{ float:left; width:5px; background: url(images/table_rouge/right.gif); background-repeat:repeat; }

.tbl_r_f{ width:838px; height:5px; overflow:hidden; }
.tbl_r_f_l{ float:left; width:5px; height:5px; background: url(images/table_rouge/footerLeft.gif); background-repeat:no-repeat; }
.tbl_r_f_c{ float:left; width:828px; height:5px; background: url(images/table_rouge/footer.gif); background-repeat:repeat; }
.tbl_r_f_r{ float:left; width:5px; height:5px; background: url(images/table_rouge/footerRight.gif); background-repeat:no-repeat; }

/* Pub Casa */
#p{ float:left; width:146px; height:486px; }
#p_h{ width:146px; height:34px; font:normal normal bold 12px/17px Arial, Helvetica, sans-serif; color:#fff; text-align:center; background:url(images/table_rouge/top.gif); background-repeat:no-repeat; }
#p_c{ width:146px; height:447px; }
#p_c_l{ float:left; width:5px; height:447px; background: url(images/table_rouge/left.gif); background-repeat:repeat; }
#p_c_c{ float:left; width:136px; height:442px; background-color:#FFFFFF; padding-top:5px; }
#p_c_r{ float:left; width:5px; height:447px; background: url(images/table_rouge/right.gif); background-repeat:repeat; }
#p_f{ width:146px; height:5px; overflow:hidden; }
#p_f_l{ float:left; width:5px; height:5px; background: url(images/table_rouge/footerLeft.gif); background-repeat:no-repeat; }
#p_f_c{ float:left; width:136px; height:5px; background: url(images/table_rouge/footer.gif); background-repeat:repeat; }
#p_f_r{ float:left; width:5px; height:5px; background: url(images/table_rouge/footerRight.gif); background-repeat:no-repeat; }

#p_a_g{ width:828px; height:290px; border:0; background:url(images/design/pub_apropos_g.gif); margin-top:5px; }

/* Apropos Casa */
#a_p_b, #a_p_r{ float:left; width:838px; height:140px; }
#a_g_r{ float:left; width:838px; height:336px; }

/* Coups d'Coeurs */
#coups_coeurs{ float:left; width:838px; height:140px; }
#coeur{ width:19px; height:23px; background: url(images/coeur.gif); background-repeat:no-repeat; position:relative; top:3px; z-index:1; }
#cc_btn{ float:left; width:22px; height:34px; }
#btnSupprimerCCG{ width:22px; height:22px; background: url(images/boutton/btnSuprimerCG.gif); background-repeat:no-repeat; cursor:pointer; position:relative; top:5px; }
#btnSupprimerCCG:hover{ background:url(images/boutton/btnSuprimerCGO.gif); }
#cc_txt{ float:left; width:77px; height:27px; text-align:left; color:#985A4F; font-size:9px; line-height:9px; cursor:default; position:relative; top:7px; }
#coups_coeurs_disable{ width:828px; height:101px; background-color:#fff; background: url(images/coupdcoeurDisabled.gif); background-repeat:no-repeat; }



/*
 * Le Resultat de la Recherche sur Casavisite
 * Les Numero Result | 
 */
a.btnNoResult{
	color:#211F5F;
	font-size:16px;
	text-decoration:none;
}
.btnNoResult:hover{
	color:#FF0000;
}
a.btnNoResult_Current{
	color:#FFFFFF;
	font-size:16px;
	text-decoration:none;
}
.btnNoResult_Current:hover{
	color:#FF0000;
}

/* Dans Profil Le NoMaison */
a.btnNoMaison{
	color:#FF0000;
	font-size:16px;
	text-decoration:none;
}
.btnNoMaison:hover{
	text-decoration:underline;
}

/* 
 * Dans les Inscription de la Maison 
 * TextField | 
 */
.ins_maison, .ins_membre{ width:75px; height:15px; font-size:12px; line-height:15px; font-family:Arial, Helvetica, sans-serif; padding-left:3px; }
.cbo_membre{ height:19px; font-size:12px; line-height:12px; min-height:19px; }
/*input, textarea, select {
font-family: inherit;
font-size: 1em;
font-weight: inherit;
}*/


/*
 * Le(s) Scroll Bar sur Casavisite
 */
.CasaVisite_ScrollBar{
	scrollbar-base-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #211F5F;
	scrollbar-darkshadow-color: #211F5F;
	scrollbar-face-color: #211F5F;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #8899CC;
}



/*
.opt_ville{
	color:#FF00FF
}

.opt_ville a:hover{
	background-color:#2A3FFF;
}

.box{
	position:absolute; width:200px; background-color:#CCCCFF; visibility:hidden;
}
.box option{
	background-color:#2A3FFF;
}
.box option:hover{
	color:#000000;
	background-color:#FF0000;
}*/

/*
 * Le Ville System sur Casavisite
 */
.CasaVisite_Villes{ position:relative; width:204px; height:17px; background-color:#fff; border:#7f7f7f 1px solid; }
/*.CasaVisite_Villes input, textfield{ width:175px; border:0; }*/
.CasaVisite_Villes img{ float:left; width:17px; height:17px; background:url(images/icon_search.gif); }
.CasaVisite_Villes input{ float:left; width:180px; height:17px; border:0; padding-left:4px; line-height:17px; font-size:12px; }
.CasaVisite_Villes #ville{ position:absolute; top:18px; left:-1px; width:183px; height:17px; z-index:5; visibility:hidden; }
.CasaVisite_Villes #cboVilles{ width:202px; height:auto; background-color:#CCCCFF; color:#211F5F; border:#7F7F7F 1px solid; font-weight:bold; }

.Villes{ position:relative; width:204px; height:17px; background-color:#fff; border:1px solid #7f7f7f; }
.Villes img{ float:left; width:17px; height:17px; background:url(images/icon_search.gif); }
.Villes input{ float:left; width:180px; height:17px; border:0; padding-left:4px; line-height:17px; font-size:12px; }
.Villes #ville, #ville2{ position:absolute; top:18px; left:-1px; width:183px; height:17px; z-index:5; visibility:hidden; }
.Villes #cboVilles, #cboVilles2{ width:206px; height:auto; background-color:#CCCCFF; color:#211F5F; border:#000000 1px solid; font-weight:bold; z-index:10; }

/*
 * Le Picture Viewer sur Casavisite
 */
#pv_shadow{ position:absolute; top:0; left:0; width:100%; height:100%; filter:alpha(opacity=50); opacity:0.5; background-color:#3f351d; visibility:hidden; z-index:1; }
#pv{ position:absolute; top:0; left:0; width:100%; height:100%; visibility:hidden; z-index:2; }
#pv_b{ width:500px; height:452px; margin:auto; position:relative; top:15%; cursor:default; }
#pv_b_t, #pv_b_n{ position:relative; width:520px; height:28px; text-align:center; line-height:28px; color:#fff; background-color:#211f5f; border:#211f5f 2px solid; font-weight:bold; z-index:3; cursor:default; }
#pv_b_p{ position:relative; width:520px; height:402px; border:#211f5f 2px solid; background-color:#fff; z-index:3; cursor:default; }
#pv_p{ line-height:400px; vertical-align:middle; }
#pv_n_b:hover, #pv_n_n:hover{ color:#f00; cursor:pointer; }
/*
.CasaVisite_PictureViewer{ position:absolute; top:0; left:0; width:100%; height:100%; visibility:hidden; z-index:2 }
.CasaVisite_PictureViewer #pic_viewer_box{ position:relative; width:500px; height:400px; border:#211F5F 2px solid; background-color:#FFFFFF; z-index:3; }
.CasaVisite_PictureViewer #pic_viewer_box_close{ position:relative; width:500px; color:#FFFFFF; background-color:#211F5F; border:#211F5F 2px solid; font-weight:bold; z-index:3; }
.CasaVisite_PictureViewer #pic_viewer_box_navi{ position:relative; width:500px; color:#FFFFFF; background-color:#211F5F; border:#211F5F 2px solid; font-weight:bold; z-index:3; }
.CasaVisite_PictureViewer_Shadow{ position:absolute; top:0; left:0; width:100%; height:100%; filter:alpha(opacity=50); opacity:0.5; background-color:#3F351D; visibility:hidden; z-index:1; }
*/

/*
 * Le GoogleMaps sur Casavisite
 */
.CasaVisite_GoogleMap{ position:absolute; top:0; left:0; width:100%; height:100%; visibility:hidden; z-index:2; }
.CasaVisite_GoogleMap_Bulle{ position:absolute; padding:10px; background:#555; width:250px; text-align:left; display:none; }
.CasaVisite_GoogleMap_Shadow{ position:absolute; top:0; left:0; width:100%; height:100%; filter:alpha(opacity=50); opacity:0.5; background-color:#000000; visibility:hidden; z-index:1; }

.CasaVisite_GoogleMap_Loading{ position:relative; z-index:2; }
.CasaVisite_GoogleMap_Loading_Container{ position:absolute; z-index:3; width:1024px; height:681px; background-color:#000000; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
.CasaVisite_GoogleMap_Loading_Loader{ position:absolute; top:44%; left:40%; font-size:18px; font-weight:bold; color:#FFFFFF; text-align:center; }

.myBulle{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#ffffff; text-align:left; }
.myList{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; color:#000000; text-align:left; }

#list{ width:236px; background:#eeeeee; list-style-type:none; list-style:none; padding:0; margin:0; text-align:center; }
#list li{ vertical-align:middle; padding:0; margin:0; border-bottom:#000000 1px solid; border-left:#000000 1px solid; cursor:pointer; }

.wrap24{ width:238px; height:624px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; overflow:auto; }
.wrap24 ul{ margin:0 0 0 40px; padding:0; }
.wrap24 li{ height:25px; margin:0; padding:0; display:list-item; }

.wrap12{ width:238px; height:624px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; overflow:auto; }
.wrap12 ul{ margin:0 0 0 40px; padding:0; }
.wrap12 li{ height:51px; margin:0; padding:0; display:list-item; }

.tblGoogleMap{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#000000; text-align:left; }
.GoogleMap{ width:774px; height:641px; margin:0px; border-right:1px solid #000000; border-bottom:1px solid #000000; }
.btnCloseGoogleMap{ color:#FFFFFF; font-size:12px; cursor:pointer; }
.divApercu{ width:236px; height:17px; text-align:center; border-bottom:1px solid #000000; }