* {

    margin: 0;

    padding: 0;

}



#global{

    background:#56adfe url(../images/blanc.gif) repeat-x;

}

#principal{

    width:992px;

    margin:0 auto 0 auto;

}

body{

    font-family:Verdana, Arial, Helvetica, sans-serif;

    font-size:11px;



}

.spacer{

    clear:both;

    border:none;

    font-size:1px;

    height:0;

    line-height:0;

}

.erreur{

    border: 1px solid #CC0002;

}



li.erreur{

    color:#CC0002;

    border:none;

}



li.erreur label{

    color:#CC0002;

}



li.erreur strong{

    color:#CC0002;

}



/* titres */

h1{

    background-image:url(../images/logo.jpg);

    text-indent:-50000px;



}

h2{

    margin-top:10px;

    margin-bottom:10px;

    font-weight:bold;

    color:#004189;

    font-size: 13px;

    text-indent:20px;

}

h4{

    font-weight:bold;

    color:#004189;

    font-size: 11px;

    text-indent:10px;

}

h5{

    font-weight:bold;

    color:#ffc159;

    font-size: 12px;

}

h6{

    font-weight:bold;

    color:#ffc159;

    font-size: 12px;

}





/* Classes */

.titreBleu{

    line-height:2.5em;

    margin-top:10px;

    margin-bottom:10px;

    font-weight:bold;

    color:#006a3a;

    font-size: 13px;

}

.titreOrange{

    line-height:2.5em;

    margin-top:10px;

    margin-bottom:10px;

    font-weight:bold;

    color:#004189;

    font-size: 13px;

}

.titreBlancG{

    line-height:2.5em;

    margin-top:10px;

    margin-bottom:10px;

    font-weight:bold;

    color:#ffffff;

    font-size: 13px;

}

.titreBleuP{

    font-weight:bold;

    color:#006a3a;

    font-size: 12px;

}

.titreBlanc{

    font-weight:bold;

    color:#ffffff;

    font-size: 12px;

}

.titreOrangeP{

    font-weight:bold;

    color:#56b2fe;

    font-size: 12px;

}

.vert{

    font-weight:bold;

    color:#006a3a;

}

.bleuF{

    font-weight:bold;

    color:#006a3a;

}

.bleuC{

    font-weight:bold;

    color:#56c2fe;

}

.icone{

    margin:12px;

}

table{

    text-align:center;

}

p{

    padding-right:10px;

    padding-left:10px;

    padding-top:5px;

    padding-bottom:5px;

    margin:0px;

    text-align:justify;

}

#gras{

    font-weight:bold;

    color:#004189;

}

p a{

    text-decoration:none;

    color:#004189;

    text-indent:350px;

    font-weight:bold;

}

p a:hover{

    text-decoration:none;

    color:#036a3b;

    font-weight:bold;

}

img{

    margin:0px;

    float:left;

}


#bloc {
	display:block;
	background:#ffed9b;
	padding:5px;
	}

/* Partie haute */



#supGauche{

    float:left;

}



#supDroit{

    float:left;

}



#logo{

    display:block;

    width:180px;

    height:128px;

}



#anim{

    float:left;

}



* html form#minimoteur h3{

    margin-top:-10px;

}



*+html form#minimoteur h3{

    margin-top:-10px;

}



form#minimoteur #type{

    margin-top:8px;

}



* html form#minimoteur #type{

    margin-top:3px;

}



*+html form#minimoteur #type{

    margin-top:3px;

}



form#minimoteur span.entre{

    display:block;

    margin-top:2px;

}



form#minimoteur input.inputtext{

    margin-top:2px;

}



* html form#minimoteur span.entre{

    display:block;

    margin-top:2px;

}



*+html form#minimoteur span.entre{

    display:block;

    margin-top:2px;

}



/* Menus */

#infGauche dt a{

    text-indent:-5000px;

}

#supGauche dt a{

    text-indent:-5000px;

}

#menuJaune{

    clear:both;

    margin-left:0px;

    display:block;

    float:left;

    z-index:8;

}

a#presentation{

    background-image:url(../images/btn_presentation.gif);

    background-position:top;

    display:block;

    width:181px;

    height:30px;

}

a#presentation:hover{

    background-image:url(../images/btn_presentation.gif);

    background-position:bottom;

    width:181px;

    height:30px

}

a#metier{

    background-image:url(../images/btn_metier.gif);

    background-position:top;

    display:block;

    width:181px;

    height:24px

}

a#metier:hover  {

    background-image:url(../images/btn_metier.gif);

    background-position:bottom;

    width:181px;

    height:24px

}

a#emploi{

    background-image:url(../images/btn_emploi.gif);

    background-position:bottom;

    background-repeat:no-repeat;

    display:block;

    width:181px;

    height:24px

}

a#emploi:hover  {

    background-image:url(../images/btn_emploi.gif);

    background-position:top;

    background-repeat:no-repeat;

    display:block;

    width:181px;

    height:24px

}

a#lettre{

    background-image:url(../images/btn_lettre.gif);

    background-position:top;

    display:block;

    width:181px;

    height:25px

}

a#lettre:hover   {

    background-image:url(../images/btn_lettre.gif );;

    background-position:bottom;

    display:block;

    width:181px;

    height:25px

}

a#patrimoine{

    background-image:url(../images/btn_patrimoine.gif);

    background-position:top;

    display:block;

    width:181px;

    height:25px

}

a#patrimoine:hover {

    background-image:url(../images/btn_patrimoine.gif);

    background-position:bottom;

    display:block;

    width:181px;

    height:25px

}

a#renouvellement{

    background-image:url(../images/btn_renouvellement.gif);

    background-position:top;

    background-repeat:no-repeat;

    display:block;

    width:181px;

    height:25px

}

a#renouvellement:hover   {

    background-image:url(../images/btn_renouvellement.gif);

    background-position:bottom;

    background-repeat:no-repeat;

    display:block;

    width:181px;

    height:25px

}
a#espace_locataire{
	    background-image:url(../images/bt_espace_locataire.jpg);

    background-position:right top;
		float:right;
    background-repeat:no-repeat;

    display:block;

    width:181px;
padding:0;
    height:46px;
	margin-top:10px;
	
}
a#mon_compte{
	    background-image:url(../images/btn_mon-compte.gif);

    background-position:right top;
		float:right;
    background-repeat:no-repeat;

    display:block;
text-indent:-5000px;
    width:181px;
padding:0;
    height:46px;


}
* html a#espace_locataire{
margin-left:5px;
margin-right:0px;
}
a#espace_locataire:hover{
   background-image:url(../images/bt_espace_locataire.jpg);

    background-position:right bottom;
	float:right;
    display:block;

    width:181px;

    height:46px;
	margin-top:10px;
	
}
a#espace_client{

    margin:5px 0 0 0;

    background-image:url(../images/btn_espace_client.gif);

    background-position:top right;

    background-repeat:no-repeat;

    display:block;

    width:181px;

    height:18px;

}

a#espace_client:hover   {

    background-image:url(../images/btn_espace_client.gif);

    background-position:bottom right;

    background-repeat:no-repeat;

    display:block;

    width:181px;

    height:19px;

}

a#offre{

    background-image:url(../images/btn_offre.gif);

    background-position:top;

    background-repeat:no-repeat;

    display:block;

    width:181px;

    height:32px

}

a#offre:hover   {

    background-image:url(../images/btn_offre.gif);

    background-position:bottom;

    display:block;

    width:181px;

    height:32px

}

a#actu{

    background-image:url(../images/btn_actu.gif);

    background-position:top;

    display:block;

    width:181px;

    height:24px

}

a#actu:hover   {

    background-image:url(../images/btn_actu.gif);

    background-position:bottom;

    display:block;

    width:181px;

    height:24px

}

a#alerte{

    background-image:url(../images/btn_alerte.gif);

    background-position:top;

    display:block;

    width:181px;

    height:24px

}

a#alerte:hover   {

    background-image:url(../images/btn_alerte.gif);

    background-position:bottom;

    display:block;

    width:181px;

    height:24px

}

a#rejoigner-nous{

    background:url(../images/btn_rejoignez_nous.gif) no-repeat right top;

    display:block;

    width:181px;

    height:47px

}

a#rejoigner-nous:hover{

    background:url(../images/btn_rejoignez_nous.gif) no-repeat right bottom;

    display:block;

    width:181px;

    height:47px

}

a#contact{

    background-image:url(../images/btn_contact.gif);

    background-position:top;

    display:block;

    width:181px;

    height:47px

}

a#contact:hover   {

    background-image:url(../images/btn_contact.gif);

    background-position:bottom;

    display:block;

    width:181px;

    height:47px

}

a#info{

    background-image:url(../images/btn_info.gif);

    background-position:top;

    display:block;

    width:181px;

    height:24px

}

a#info:hover   {

    background-image:url(../images/btn_info.gif);

    background-position:bottom;

    display:block;

    width:181px;

    height:24px

}

/* Contenu */

#infGauche{

    float:left;

    z-index:9;

}



#sousmenu{

    background:#56ADFE;

    display:block;

    text-indent:3px;

    font-size:11px;

    width:100%;

    height:22px;

    float:left;

}



#sousmenu dt{

    float:left;

    display:inline;

    padding-left:5px;

    padding-right:5px;

    padding-top:3px;

    padding-bottom:5px;

    text-decoration:none;

    font-family:verdana;

    color:#ffffff;

    background:#56adfe;

}

#sousmenu a{

    text-decoration:none;

    font-family:verdana;

    color:#FFFFFF;

}

#sousmenu a:hover {

    color:#004189;

}

#sousmenu .lien_espace_client{

background-color:#FFB059;

background-image:url("../images/cadenas.gif");

background-position:0px 2px;

background-repeat:no-repeat;

height:9px;

margin-top:2px;

padding-left:15px;

}



/* Footer */

#footer{



    width:977px;

    height:21px;

    font-size:10px;

    color:#004189;

    text-align:center;

    padding-top:10px;

    margin:0 auto;



}



#footer a {

    text-decoration:none;

    color:#004189;

}

#footer a:hover{ color:#000033; }

a#candidature{
 background-color: #FFD759;
    color: #01438B;
    display: inline-block;
    font-weight: bold;
    height: 15px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    width: 198px;
}
a#candidature:hover{

    color:#fff;
       background-color: #FFC059;
}
a#candidature_liste{
 background-color: #FFD759;
    color: #01438B;
    display: inline-block;
    font-weight: bold;
    height: 15px;
     margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    width: 198px;
}
a#candidature_liste:hover{

    color:#fff;
       background-color: #FFC059;
}