/*
	Feuille de style LOCARE - LGU - C2IS
*/

/*
::::::::::::::::::::: CODES COULEURS :::::::::::::::::::::::
	- edito : b6193e (rouge)
	- habitation : 87699b (parme)
	- entreprise : (bleu)
	- etudiant : (violet)
	- cercle_investisseur : (chocolat)
	- gestion_interne : (rouge)
	- espace_client : (rouge)
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

/*::::::::::::::::::::: IMPORT DES CSS APPLIQUEES AUX JAVASCRIPTS :::::::::::::::::::::::*/
@import url(css_js/jquery.autocomplete.css);
@import url(css_js/thickbox.css);
@import url(css_js/sliders.css);
/*	@import url(css_js/radiockeckbox.css);	*/
/*	@import url(css_js/selectbox.css);	*/
@import url(forms.css);


/*:::::::::::::::::::: CSS RESET ::::::::::::::::::::*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;   padding:0;   border:0;   outline:0;   font-size:100%;   vertical-align:baseline;   background:transparent; 
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
/**/
table {
	border-collapse:collapse;
	border-spacing:0;
}
tr{
}
th{
}
td{
}
/**/
sup{
	font-size:8px;
	line-height:normal;
	vertical-align:super;
}
hr{
	margin:0 10px 0;
	border:0 none;
	height:1px;
	background:#cccccc;
}
/*:::::::::::::::::::: BODY ::::::::::::::::::::*/
body{
	background:#c5c5c5 url(../images/common_v3/bg_main.jpg) repeat-x 0 0 !important;
	line-height:1;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif; 
}
p{
	line-height:1.4;
}
a, a:visited{ text-decoration:none;}
a:hover, a:active{ text-decoration:none; }

@font-face {
	font-family: 'hlr';
	src: url('../font/hlr-webfont.eot');
	src: local('☺'), url('../font/hlr-webfont.woff') format('woff'), url('../font/hlr-webfont.ttf') format('truetype'), url('../font/hlr-webfont.svg#webfont8DpdwGOk') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*:::::::::::::::::::: STRUCTURE ::::::::::::::::::::*/

#header .logo{ display:block; width:377px; padding-top:40px;}


#container{
	margin:0 auto;
	width:800px !important;	
	clear:both;	
}

#container:after {content:".";height:0;display:block;visibility:hidden;clear:both;}

#left{
	float:left;
	width:214px;
	min-height:1px;
}


* html #left {height:1px;}

#right{
	float:left;
	width:556px !important;
}

.creation_alerte_resultat  {padding: 10px 0 5px !important;}

/*:::::::::::::::::::: MODULE ACCES COMPTE ::::::::::::::::::::*/
#acces_compte{
	float:right;
	overflow:hidden;
	margin-right:72px;
	color:#ffffff;
	font-weight:bold;
}
#acces_compte a{
	color:#ffffff;
	font-weight:bold;
	padding:0 5px;
}
#acces_compte a img{
	vertical-align:middle;
}
#acces_compte .gche{
	float:left;
	width:19px;
	height:34px;
	background:transparent url(../images/angle_gauche.gif) no-repeat top left;
}
#acces_compte .ctre{
	float:left;
	height:24px;
	background:#ababab;
	padding-top:10px;
}
#acces_compte .dtre{
	float:left;
	width:19px;
	height:34px;
	background:transparent url(../images/angle_droit.gif) no-repeat top right;
}

/*HEADER V3 - AFO 3/12/10 */
#header {height:auto !important;background:#b8b8b8 !important;width:800px !important;margin:0 auto;}
#header img , #header .txt_azur  {display:none;} /*to remove ?*/
#header #logoLocare {display:block;max-width:200px;float:left;margin:10px 30px 15px 17px;}
#header .tagline {float:left;color:#8b6f9e;text-transform:uppercase;font-size:13px;margin-top:30px;font-family: 'hlr', Arial , sans-serif;}
#header .account {float:right;clear:right;background:url(../images/common_v3/accountNum.png) no-repeat 0 -34px;color:#424242;padding:6px 0 3px 20px;margin:3px 7px 3px 0;}
#header .account a {color:#424242;font-family: 'hlr', Arial , sans-serif;font-size:13px;}
#header .account a:hover {text-decoration:underline;}
#header .txt_contact {float:right;clear:right;background:url(../images/common_v3/accountNum.png) no-repeat 0 0;color:#fff;width:162px;padding-right:5px;font-size:14px;text-align:left;margin:0 7px 4px 0;}
#header .txt_contact span {float:left;width:51px;padding-right:7px;text-align:right;font-size:13px;display:inline;}

/*HEADER NAV V3 - AFO 3/12/10*/
#header ul {background:#848484 url(../images/common_v3/bg_nav.png) repeat-x 0 0;border:solid #757475;border-width:1px 0;width:100%;overflow:hidden;clear:both;}
#header li {float:left;background:url(../images/common_v3/bg_nav.png) no-repeat 0 -98px;padding-left:1px;margin:0 1px 0 -1px;}
#header li  a{display:block;padding:8px 31px;color:#fff;background:url(../images/common_v3/bg_nav.png) repeat-x 0 -500px;font-family: 'hlr', Arial , sans-serif;font-size:16px;}
#header li  a:hover , #header li.active  a{background-position:0 -39px;}

/*TOP V3 - AFO 12/10*/
body #top{margin:0 auto;width:800px;background:#fffffe url(../images/common_v3/bg_top.gif) repeat-x 0 0;overflow:hidden;padding:22px 0;}
body #top img.resultats_selection  {display:none;}
body #top .retour_accueil{float:left;	background:url(../images/common_v3/arrow_breadcrumb.gif) no-repeat 100% 7px;color: #87699B;font-size:20px;font-family: 'hlr', Arial , sans-serif;padding:0 15px 0 15px;margin-right:3px;}
body #top .retour_accueil:hover , body #top a.voir_selection:hover , body #top h1 a:hover { text-decoration:underline; }
body #top a.voir_selection  {margin:0 0 0 10px;padding:4px 8px;float:right;	color:#fff;	font-size:12px;background:#87699b;font-family: 'hlr', Arial , sans-serif;font-size:15px;}
body #top a.retour_resultats {margin:0;float:right;color:#87699b;font-size:14px;font-weight: bold;padding:6px 0 6px 20px;background:url(../images/habitation/residence_bien/fleche_navigation.gif) no-repeat 0 50%}
body #top h1 a{font-weight:normal;  color: #87699B;font-size:20px;font-family: 'hlr', Arial , sans-serif;}

/*FOOTER V3 - AFO 12/10 */
#footer{width:800px !important;margin:0 auto;padding:25px 0;color:#585858;clear:both;}
#footer .flag {float:left;margin:2px 5px 0 7px;background:url(../images/common_v3/bg_flag.png) no-repeat 0 0;padding:4px 8px 2px;width:21px;} 
#footer .inactive {background-position:0 -26px;-moz-opacity:.2;opacity:.2;filter: alpha(opacity = 20);cursor:default;} 
#footer ul {float:left;margin:0 20px 0 26px;}
#footer ul li{float:left;}
#footer ul li a{font-size:10px;text-transform:uppercase;}
#footer a{font-size:12px;color:#585858;padding:0 4px;}
#footer a:hover{text-decoration:underline;}
#footer .mentionNumAzur {clear:both;border-top:1px solid #9a9a9b;padding-top:10px;font-size:10px;width:100%;}

* html #footer fieldset {padding-top:3px;}
#footer .form_acces_direct, #footer .form_acces_direct_en{float:left;}
#footer .form_acces_direct label ,  #footer .form_acces_direct_en label{	float:left;text-transform:uppercase;font-size:12px;}
#footer .form_acces_direct input.input_acces, #footer .form_acces_direct_en input.input_acces{float:left;width:100px;margin:-3px 0 0 5px;padding:1px 5px;background:#c1c1c1;border:1px solid #7e7e7e;font-size:11px;}
#footer .form_acces_direct a.input_ok, #footer .form_acces_direct_en a.input_ok{display:block;float:left;width:25px;line-height:16px;margin:-2px 0 0 0;color:#f31e51;background:none;cursor:pointer;text-align:center;font-size:13px;}
#footer div.infobulle_aide{float:left;position:relative;z-index:1004;}
#footer a.a_infobulle_aide{display:block;margin:0 0 0 4px !important;width:25px;height:16px;background:url(../images/common_v3/picto_question.png) no-repeat 0 0;text-indent:-9999px;cursor:help;}
#footer div.div_infobulle_aide{background:url(../images/hover.png) no-repeat;width:211px;height:100px;position:absolute;margin-top:-70px;margin-left:-265px;text-align:left;padding:10px 40px 10px 15px;font-style:normal;z-index:2002;color:#ffffff;}
	* html #footer div.div_infobulle_aide{background:#737373;}
#footer div.div_infobulle_aide p{ line-height:1.8; }

#right .rangeFields {width:100%;overflow:hidden;padding-top:15px;padding-right:0;}
#container #right .rangeFields label {width:auto;margin:0 7px 0 115px;font-size:11px;padding-top:1px;}
#right .rangeFields input {background: #D3D0C0;border: 1px solid #B2B0A3;color: #87696B;font-size:11px;width:45px;padding:1px;}
#right .rangeFields * {float:left;}

/* Autocomplétion */
#suggest_localisation{position:absolute;z-index:10;width:280px;padding:6px 5px 1px;left:20px;margin-top:1px;background:#CDCDCD;border:1px solid #fff;font-weight:bold;color:#5D5D5D;}
#suggest_localisation ul{width:100%;margin-top:1px;padding:5px 0}
#suggest_localisation ul a{display:block;z-index:10;padding:2px 0;width:100%;font-weight:normal;color:#5D5D5D}
#suggest_localisation ul a:hover{background:#593E6C;color:#fff}      

/*::::::::::::::::::::: END OF CSS :::::::::::::::::::::::*/
/*::::::::::::::::::::: CLEAR NET + ULTRA :::::::::::::::::::::::*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Cache-cache IE-mac \
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fin cache-cache IE-mac */