/* @override 
	http://fac-habitat.lux.mediacd.fr/global/styles/extranet.css
	http://espacelocataire.fac-habitat.com/global/styles/extranet.css
*/

/* = RAZ ------- */
body {
margin: 0; 
padding: 0; 
font-size: 62.5%; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd {
font-size: 1em; 
margin: 0; 
padding: 0; 
font-weight: normal;
}
select, input, textarea, button {
border: 1px #acacac solid; 
color: #666; 
font-size: 1em;
}

input.checkbox, input.image {
border: 0px;
}
input
form {
margin: 0; 
padding: 0;
}
img {
border: 0;
}
html, body {
height: 100%;
}
ul, li {
list-style: none;
}

/* = Base ----- */
body {
background-color: #fecc00;
}
#page {
width: 1008px; 
margin: 0 auto; 
overflow: auto;
position: relative;
}
#header {
width: 1008px; 
height: 175px; 
display: block; 
position: relative; 
background:transparent url(../img/bg_header.jpg) no-repeat top left; 
float: left; 
clear: both;
/*border-bottom: 2px solid #9f1025;*/
}
#mainContent {
width: 1008px; 
background-color: #fff; 
float: left; 
clear: both;
overflow: hidden;
background: url(../img/bgPage.png) top left repeat-y;
}
#footer {
width: 1008px; 
float: left; 
height: 85px; 
padding: 0px; 
background: transparent url(/global/img/extranet/bg_footer.gif) no-repeat top right; 
clear: both;
}
#footer a {
color: #fff; 
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
.logo {display: none;}
/* =Navigation ------ */
#MenuGlobal {
position: absolute; 
top: 132px; 
left: 240px;
/*border-bottom: 2px solid #9f1025;*/
}
#MenuGlobal li {
display: inline; 
float: left; 
overflow: hidden; 
font-weight: bold; 
padding: 0 0 8px 0; 
margin: 0 30px 0 0;
}
#MenuGlobal li a {
text-decoration: none; 
font-family: "Trebuchet MS"; 
font-size: 1.2em; 
color: #333;
}
#MenuGlobal li a:hover, #MenuGlobal li.active a {
color: #990017;
}
#MenuGlobal li.date {
font-weight: normal;
position: absolute;
width: 130px;
top: -25px; 
left: 632px;
color: #000;
}
/* =Layout Contenu ------ */
#colA {
width: 214px; 
float: left; 
margin-left: 2px; 
margin-bottom: 15px;
}

#colA h1 {
width: 214px; 
height: 25px; 
float: left; 
background: url(../img/titreColA.gif) no-repeat top right; 
overflow: hidden; 
text-indent: -20em;
}
#contentColA h2 {
padding: 10px;
}
#colA img {
float: right; 
margin-bottom: 10px;
}
#contentColA p {
padding: 0 10px 10px 10px;
}
#colB {
width: 789px; 
float: left; 
padding: 0;
}
#colB h1, #contentBC h1 {
height: 25px; 
text-indent: -25em; 
overflow: hidden; 
background: url(../img/titreColB.gif) no-repeat top left;
}
#contentColB {
padding: 10px 10px 0 10px;
}
#contentBC {
float: left; 
background: url(../img/bgColC.gif) repeat-y  bottom right; 
padding: 0 0 5px 0; 
margin: 0 0 15px 0;
}

#contentBC h1 {
height: 25px;
text-indent: 12px;
color: #fff;
font-family: "Trebuchet MS";
font-weight: normal;
font-size: 1.4em;
padding: 5px 0 0 0; 
overflow: hidden; 
background: url(../img/titreColB.gif) no-repeat top left;
}

#contentBC #colB {
width: 303px; 
float: left; 
padding: 10px 1px 10px 10px;
}
.large #contentBC {
background: none;
}
.large #contentBC #colB {
width: 778px;
}
#contentBC #colC {
width: 451px; 
/*height: 400px;*/ 
float: left; 
padding: 10px 10px 15px 13px;
}
#footer {
width: 100%;
height: 30px;
padding: 5px 0 0 0 ;
background: url(../img/bgFooter.png) no-repeat top left;
}
#footer li {
display: inline; 
float: left; 
margin: 5px 0 0 0;
}
#footer li a {
margin: 0px 10px;
}
#footer li.copyright {
float: right; 
margin-right: 15px;
}
/* =Typos ------ */
#colA h2 {
clear: both; 
font-size: 1.5em;
}
h2 {
font-family: "Trebuchet MS"; 
height: 26px; 
font-size: 1.8em; 
color: #990c3a; 
padding: 5px 0;
}
h3 {
font-family: "Trebuchet MS"; 
font-size: 1.4em; 
line-height: 1.6em; 
font-weight: bold; 
color: #666; 
padding: 5px 0;
}
h4 {
font-family: "Trebuchet MS"; 
font-size: 1.1em; 
line-height: 1.5em; 
font-weight: bold; 
color: #666; 
padding: 5px 0;
}
h5, h6 {
font-family: "Trebuchet MS"; 
font-size: 1.0em; 
line-height: 1.3em; 
font-weight: bold; 
color: #666; 
padding: 5px 0;
}
/* =Formulaire de login ------ */
.field_line {
width: 100%; 
margin: 5px 0; 
float: left;
}
.field_line label {
width: 200px; 
float: left; 
text-align: right; 
padding-right: 10px;
}
.field_line input {
width: 400px;
}
.field_line input.court {
width: 30px;
}
.field_line input.moyen {
width: 60px;
}
.field_line input.long {
width: 200px;
}
.required, .champsAsterix {
color: #990c3a;
}
.boutons {
width: 100%; 
text-align: center; 
margin: 10px 0; 
float: left;
}
.valide {
width: 150px; 
height: 25px; 
margin-right: 25px; 
background: url(/global/img/extranet/bt_valider.gif) no-repeat top left; 
border: none; 
overflow: hidden; 
text-indent: -1500em;
}
.annule {
width: 100px; 
height: 25px; 
margin-right: 25px; 
background: url(/global/img/extranet/bt_annuler.gif) no-repeat top left; 
border: none; 
overflow: hidden; 
text-indent: -15em;
}

#bloc_login {}
/* =Page de contenu ------ */
#identiteConnexion {
width: 1006px; 
height: 24px; 
position: absolute; 
top: 152px; 
left: 0px;
background:transparent url(/global/img/bg_header-login.gif) repeat top left; 
}
#identiteConnexion h1 {
float: left; 
margin-left: 5px; 
padding: 5px 0;
}
#identiteConnexion a {
width: 170px; 
float: right; 
background: #f6c500 url(/global/img/extranet/puceDeconnexion.gif) no-repeat 180px 7px; 
padding: 5px 20px 5px 0px;
margin: 0 3px 0 0;
text-align: right; 
color: white; 
text-decoration: none;
}
#colB .onglets {
font-size: 1.1em; 
font-weight: normal; 
color: #333; 
height: 50px; 
margin: 5px 0 0 0; 
padding: 5px;
}
#colB .actif {
background: transparent url(/global/img/extranet/bgNavColB-over.gif) no-repeat top left;
}
#colB .onglets p.titre a {
text-decoration: none; 
width: 90px; 
font-weight: bold; 
float: left; 
color: #666; 
background: url(/global/img/extranet/puceNavColB.gif) no-repeat left; 
padding: 0 0 0 10px;
}
#colB .onglets p.infos {
margin: 0 0 0 100px;
}
#colB ul, #colB ol {
margin: 5px 0 5px 10px;
}
#colB ul li {
padding: 0 0 0 10px; 
color: black; 
background: url(/global/img/puce_rouge.gif) 3px left no-repeat;
}
#colB ol {
color: #000;
}
#colB ol li {
list-style: decimal inside;
}
/* tableau formatage -------- */
.tableGestion {
width: 100%; 
padding: 0; 
margin: 15px 0 50px 0; 
border: 0;
}
.tableGestion td {
margin: 0; 
padding: 5px; 
border-bottom: 1px solid white;
}
.tableGestion th {
font-weight: normal; 
border-bottom: 1px solid #990017;
}
td.total {
background-color: #990017; 
color: #fff;
}
p.boutonsTable {
float: right; 
clear: both; 
margin: 5px 0;
}
#colC a.linkPAIEMENT {
font-size: 108%;
font-weight: bold;
text-decoration: none;
color: #990C3A;
}
#colC a.linkPAIEMENT:hover {
text-decoration: underline;
}
a.linkPlus {
background: url(/global/img/extranet/pictoPlus.gif) no-repeat right; 
padding: 3px 20px 2px 0; 
color: #666; 
text-decoration: none;
}
a.linkMoins {
background: url(/global/img/extranet/pictoMoins.gif) no-repeat right; 
padding: 2px 20px 2px 0; 
color: #666; 
text-decoration: none;
}
a.linkPDF {
background: url(/global/img/extranet/pictoPDF.gif) no-repeat right; 
padding: 3px 20px 2px 0; 
color: #666; 
text-decoration: none;
}
a.linkPlus:hover, a.linkPDF:hover {
text-decoration: underline;
}
p.boutonValidForm {
width: 100%; 
float: left; 
text-align: center;
}
a.linkPaiement {
width: 160px; 
height: 25px; 
text-indent: -50em; 
margin: 5px auto; 
overflow: hidden; 
background: url(/global/img/extranet/bt_paiement.gif) no-repeat top left; 
display: block;
}
td.fonce {
background-color: #ebebeb;
}
.blocActu {}
.blocActu span.date {
font-size: 77%;
color:#484848;
}
.blocActu h2 {
margin: 0px; 
height: auto;
}
.blocActu p {
font-size: 85%;
}
.blocActu .readMore, .readAll {
text-align: right;
}
.blocActu .readMore a, .readAll a {
color: #990C3A;
text-decoration: none;
}

.readAll a {
	margin: 0 10px 0 0;
}

#colB .readAll a{float: left;margin: 10px 0;}
/* =Page Contact ------ */
.agence, .residence {
width: 300px; 
margin: 0;
}

p.nomAgence, p.nom, p.administratif, p.technique {
font-size: 1.4em; 
font-family: "Trebuchet MS"; 
font-weight: bold; 
color: #990017;
}
p.adresse, p.telephone, p.email {
font-size: 1.1em;
}
p.email a {
text-decoration: none; 
color: #990017;
}
p.email a:hover {
text-decoration: underline;
}
#hotlineContent {
	width: 580px;
	margin: 0 0 28px 0;
}
#hotlineContent p {
	font-family: Trebuchet MS;
	font-size: 1.3em;
	margin: 0 0 5px 0 ;
	color: #4f4f4f;
}
#hotlineContent p.introHot {
	text-align: left;
	line-height: 1.5em;
}
#hotlineContent p.telHotline {
	color: #990C3A;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
}
/* =Page Réclamations ------ */
.blocReclamation {
width: 620px; 
margin: 0 0 25px 0; 
padding: 0 0 10px 0; 
border-bottom: 1px dotted #980e19;
}
.blocReclamation p {
margin: 3px 0;
}
.blocReclamation span.float {
width: 40%; 
float: left;
}
.pseudolabel {
font-weight: bold;
}
p.outils {
width: 600px;
}
a.btReclamation {
width: 160px; 
height: 25px; 
display: block; 
background: url(/global/img/extranet/bt_faireReclamation.gif) no-repeat top left; 
text-indent: -15em; 
overflow: hidden; 
float: right;
}
label.label2 {
width: auto; 
margin: 0 0 0 20px;
}

/* Bloc Login */

#authentification {
}


#authentification #page {
width: 500px; 
overflow: hidden;
position: relative;
padding: 0 4px;
text-align: center;
}
#authentification #header, #authentification #footer {
width: 500px;
}
#authentification #footer {
width: 490px;
float: left;
padding: 4px 4px 0 4px;
background: none;
border-bottom: 1px solid #999;
}
#authentification #footer ul {
width:270px
}
#authentification #header {
height: 150px;
background: url('../img/extranet/bg_header-auth.png') no-repeat top left;
}

#authentification .logo {
margin-top: 25px; display:none;
}
#authentification #introduction {
width: 400px;
margin: 25px auto;
font-size: 93%;
text-align: left;
}

#introduction a {
float: right;
color: #604a32;
}
#bloc_login {
width: 500px;
float: left;
background: #fff url('../img/extranet/bg_content.png') 0 0;
}

#bloc_login form {
width: 350px;
margin: 15px 50px;
padding: 15px;
float: left;
display: block;
background: #fff;
}

#bloc_login p {
margin: 10px 0;
}

#bloc_login p label {
width: 120px;
float: left;
text-align: right;
margin: 0 10px 0 0;
}
#introduction p {
width:98%;
float: left;
font-family: "Trebuchet MS";
color:  #484848;
font-size: 108%;
}

input.valide {margin: 0 0 0 80px ;}

#authentification #header p.accroche {
font-size: 123.1%;
color: #007fbe;
}

#header p.accroche {
font-size: 1.5em;
color: #007fbe;
}

/* Actualite */

.post_title, .post_date {
border-bottom:0px !important;
}

.post_title a {
color:#990C3A;
font-family:"Trebuchet MS";
clear:both;
font-size:1.5em;
text-decoration: none;
}

.post_date {
font-family:"Trebuchet MS";
font-size: 1.2em;
color: #666;
font-weight:normal;
text-align:right;
}
.post_short {
	padding-top: 15px;
}

.post_short a {
	float: right;
	margin: 5px;
	color:#990C3A;
	text-decoration:none;
}