@import url("reset.css");
@import url("grid.css");
@import url("typography.css");
@import url("wysiwyg.css");

@import url("module_diaporama.css");
@import url("module_offre.css");
@import url("module_demande.css");
@import url("module_lexique.css");
@import url("module_dechetterie.css");
@import url("module_telecharger.css");

/* @group Elements de base */

/* Body Normal */
body {
    background: #FFF url('../images/bkg_header-bleu.png') repeat-x;
    font: normal 12px arial, helvetica, verdana, sans-serif;
    font-size: 12px;
    color: #555;   
}

/* Body exclusif : Elus/Partenaires + Profesionnels/Entreprises */
body.vert {
	background: #FFF url('../images/bkg_header-vert.png') repeat-x;
}

div#article {
	position:relative;
}

div.print {
	float:right;
}

a {
    color: #2081C5;
    text-decoration: none;
}

#article hr {
	height:1px;
	visibility:visible;
	
}

.lien_ext {
	background: url(../images/link.gif) no-repeat right 3px;
	padding: 0 15px 0 0;
}

abbr {
    cursor: pointer;
}


.inputNormal { color: #000; }
.inputDefault { font-style: italic; color: #888; }

.quiet {
	color: #888;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.borderer {
	border-bottom: 1px solid #eee;
	padding: 10px 0 0 0;
}

/* @end */


/* @group Résultats locations (recherche de location) */

.resultatsPage {
	float: right;
	margin-right: 50px;
	clear: both;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.resultatsPage .select {
	cursor: default;
	color: #000;
}

table.location {
    margin: 20px auto 0 auto;
    width: 90%;
}

table.location tr.lignetableau1 { background-color: #f7f7f7; }
table.location tr.lignetableau2 { background-color: #FFF; }

table.location tr td span.nbpieces { font-size: 11px; display: block; color: #000; }
table.location tr td span.reference { font-size: 11px; display: block; color: #888; }
table.location tr td span.mensuel { color: #888; }
table.location tr td a.titre { font: bold 14px arial; }
table.location tr td span.prix { color: #000; font: bold 14px arial; }

table tr td .openpage {
    font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* @end */

.titreCentre {
    display: block;
	text-align: center;
    color: #333;
    font: bold 24px arial;
    margin: 0;
}

.titreCentre span.sup {
    display: block;
    font-size: 10px;
    color: #888;
}

.titreCentre span.sub {
    display: block;
    color: #999;
    font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.dateMaj {
    margin-top: 10px;
    clear: both;
    display: block;
    color:#888;
    font: normal 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.referent {
	margin-bottom:10px;
}

.txt { color:#000;font:normal 11px/14px arial, helvetica, verdana, sans-serif; }
.txt a{color:#000;}


/* @group Site Layout */


/* Conteneur */
.container {
    /*background-color: aqua;*/
    margin-bottom:70px;
}

/* Header */
.header {
    height: 75px;
    margin: 20px 0 0 0;
    position: relative;
}

.header .logo {
    margin-top: 0;
}
      
/* Contenu site */
div.centre {
    width: 100%;
    /*background: url(../images/visuel-interieur-pro.png) no-repeat 0 0;*/
}
	
	div.menuHaut {
		margin-bottom:10px;
	}
	div.menuHaut a {
		display:block;
		color:#898794;
		margin:0;
		background:none;
	}
	div.menuHaut a span {
		padding-left:15px;
	}
	div.menuHaut a:hover {
		color:#000;
	}
	div.menuHaut a.select {
		
	}
	
	div.menuHaut a.select span {
		display:block;
		color:#898794;
		padding:0 0 0 15px;
		margin:0;
		background: url('../images/fleche-droite3.gif') no-repeat 0px 5px !important;
	}
	
    /* partie haute */
    div.haut {
        /*margin-bottom: 30px;*/
        display: inline;
        float: left;
    }
    
    /* Colonne de gauche */
    div.gauche {
        float: left;
        background: #fff;      
        /*margin-top:35px;*/
        padding:0;
    }

    div.gauche ul {
        margin: 0;
        padding: 0;
        width: 175px;
    }
        
    div.gauche ul, div.gauche ul li {
        list-style: none;
        padding:  0;
        margin : 0;
        /*border-bottom: solid 1px #ddd;*/
        line-height: 10px !important;        
    }
    
    div.gauche ul li ul li.hasChild {
    	background:url('../images/plus.gif') no-repeat 0 10px;
    }
    
    div.gauche ul li a {
        visibility: hidden;
        font: normal 10px arial; 
        color: #888;
        /*text-transform: uppercase;*/
    } 
    
    div.gauche ul li a:hover {
        /*visibility: hidden;*/
        color: #333;
        text-decoration: none;
    }    
    
    div.gauche ul li ul li {
        visibility: visible;
        border-bottom: solid 1px #eaeaea;
        line-height: 14px !important;
        padding: 5px 0 0 10px;
    }

    div.gauche ul li ul li a {
        visibility: visible;
        border-bottom: none;
        color: #2081C5;
        font-size: 12px !important;
        text-transform: inherit;
    }
    
    div.gauche ul li ul li ul li {
        border-bottom: none;
    }

    div.gauche ul li ul li ul li a {
		font-size: 11px !important;
        /*visibility: visible;*/
    }
    
    div.gauche li {
        line-height: 24px;
        padding: 5px 0 5px 0;
    }

    div.gauche li a {
        color: #000;
        font: normal 12px arial;
    }
    
    div.gauche li a.select {
        font-weight: bold; 
    }
    div.gauche li a:hover {
        text-decoration: underline;
    }    
    
    div.gauche li a.select {
        color: #000;
        font: bold 12px arial;
    }
    
    div.gauche ul ul{
        margin-left: 5px;
    }

    /* Colonne de droite */
    div.droite {
        float: left;
        background: #fff;
        margin-left: 20px;
    }
    
    
    
    div.droite ul {
        margin: 0;
        list-style: none;       
        text-indent: 0px;
    }
    
    div.droite span.page { display: block; margin-bottom: 30px; color: #888; background: #f5f5f5; padding: 10px;
    font: 11px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
}
    div.droite span.page span.info { display: none; font: normal 10px arial; color: #888;}
    div.droite span.page span.titre { display: block; font: bold 12px arial, helvetica, verdana, sans-serif; color: #333; margin-bottom: 5px;}
   
    div.droite span.page ul li {
        margin: 5px;
        padding: 0px 0 5px 0;
        border-bottom: 1px solid #eaeaea;
    }
    
    div.droite span.page ul li a {
        margin-left: 25px;
    }
    
    div.droite span.page ul li.dechetterie {
        background: url(../images/picto-decheterie.png) no-repeat 0 0;
    }
    
    div.droite span.page ul li.numeros {
        background: url(../images/picto-telephone.png) no-repeat 0 0;
    }
    
    div.droite span.page ul li.lexique {
        background: url(../images/picto-abc.png) no-repeat 0 0;
    }
    
    div.droite span.page ul li.liens {
        background: url(../images/picto-lien.png) no-repeat 0 0;
    }
    
    div.droite span.page ul li.telechargement {
        background: url(../images/picto-download.png) no-repeat 0 0;
    }
   
    /* Partie centrale */
    div.milieu { padding: 0 20px 0 10px; border-right: solid 1px #eaeaea;}
	

/* Footer */
.container div.footer {
    clear: both;
    margin: 30px 0 20px 0;
    padding: 10px 0 0 0;
    width: 100%;
    float: left;
    height: 50px;
    color: #888;
    font: normal 11px arial;
    border-top: 1px solid #eaeaea;
}

.container div.footer ul li {
    display: inline;
    padding-right: 10px;
}

.container div.footer .handmade {
	float:right;
}

.container div.footer .handmade a {
	background:none;
}


/* @end */



/* @group Barre de recherche (searchbar) */


.searchbar {
    margin: 0 0 10px 0;
    float: left;
    height: 70px;
    background: url(../images/bkg_searchbar.png) no-repeat;
    width: 100%;
}
    .searchbar form {
        margin-top: 25px;
        margin-left: 25px;
        _margin-left: 15px;
        width: 900px;
        float:left;
    }
        .searchbar form fieldset {
            border: none;
        }
        
        .searchbar form div, .searchbar form fieldset div {
            margin: 0;
            padding: 0;        
            float: left;
            display: inline;
        }
        
        .searchbar form fieldset legend {
            display: none;
        }
        
        .searchbar form fieldset div label {
            font: bold 12px arial;
            color: #fff;
            margin-right: 30px;
            /*visibility: hidden;*/
        }
        
        .searchbar form fieldset div a.map {
            margin-top: 6px;
            font-size: 10px;
            display: block;
        }
        
        .searchbar form fieldset div select {
            width: 120px;
        }
        
        .searchbar form fieldset div input,
        .searchbar form fieldset div select {
            margin-right: 5px;
            border: 1px solid #eaeaea;
            padding: 3px;
        }    
        
        .searchbar form fieldset div a {
            margin-top: 5px;
            margin-right: 10px;
        }        
        
        .searchbar form input.submit {
            width: 98px;
            height: 26px;
            background: transparent url(../images/btn-ok.png) no-repeat 0 -25px;
            border:none;
            cursor: pointer;
        }
        
        .searchbar form input.submit:hover {
            background: transparent url(../images/btn-ok.png) no-repeat 0 0;
        }


/* @end */


/* @group Rectangle arrondi */


.roundBloc {
    float: left;
    margin: 0;
    padding: 0;
    background: #e6f4fa; 
}
.roundBlocTop div { 
    background: url(../images/roundBloc_tl.png) no-repeat top left;
}
.roundBlocTop {
    background: url(../images/roundBloc_tr.png) no-repeat top right;
}
.roundBlocBottom div {
    background: url(../images/roundBloc_bl.png) no-repeat bottom left;
}
.roundBlocBottom {
    background: url(../images/roundBloc_br.png) no-repeat bottom right;
    clear: both;
}
.roundBlocTop div, .roundBlocTop, 
.roundBlocBottom div, .roundBlocBottom {
    height: 12px;
    font-size: 1px;
}

.centre  .welcomeTabs .roundBlocTop div, .centre  .welcomeTabs .roundBlocTop, 
.centre .welcomeTabs .roundBlocBottom div, .centre .welcomeTabs .roundBlocBottom 
{
	width: 230px;
}

.centre .roundBlocTop div, .centre .roundBlocTop, 
.centre .roundBlocBottom div, .centre .roundBlocBottom {
	width: 530px;
}


/* @group roundBlocContent */
.roundBlocContent {
    float: left;
    padding: 0 20px 10px 20px;
}

.roundBlocContent.main {
    width: 908px;
    color: #333;

    text-shadow: #80c0dc 1px 1px 2px;
}

.roundBlocContent.main p {
    margin: 0 0 5px 0;
    font: normal 20px Arial, Helvetica;
    line-height: 26px !important;
}

/* @end */


/* @group Rectangle arrondi */


.roundBlocPerso {
    float: left;
    margin: 0;
    padding: 0;
    background: #ededed; 
}
.roundBlocPersoBottom div {
    background: url(../images/roundBloc_bl_gris.png) no-repeat bottom left;
}
.roundBlocPersoBottom {
    background: url(../images/roundBloc_br_gris.png) no-repeat bottom right;
    clear: both;
}
.roundBlocPersoTop div, .roundBlocPersoTop, 
.roundBlocPersoBottom div, .roundBlocPersoBottom {
    width: 100%;
    height: 12px;
    font-size: 1px;
}

/* @end */

/* @group roundBlocPerso */

.welcomeTabs .roundBlocPersoContent {
	width: 230px;
	padding: 20px 0px 20px 0px;
	height: 38px;
}
.roundBlocPersoContent {
    float: left;
    padding: 10px 0 20px 183px;
	height: 3px;
	width: 347px;
}


/* @end */

/* @group Onglets d'Accueil */


.welcomeTabs {
    margin: 0;
    padding: 0;
    float: left;
    background: url(../images/welcomeTabs.png) no-repeat;
    width: 950px;
}

    .welcomeTabs .locataires,
    .welcomeTabs .demandeurs {
        display: inline;
        float: left;
        margin: 60px 0 0 0;
        padding: 0;
    }
    
    .welcomeTabs .locataires h2,
    .welcomeTabs .demandeurs h2 {
    	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
    	font-size:11px;
    	color:#a0a0a0;
		padding:0;
		text-align:center;
		display:block;
		font-weight:normal;    	
		margin:0 0 20px 0;
    }
    
    .welcomeTabs .demandeurs h3 {
    	text-align:center;
    	margin-bottom:0px;
    }

    .welcomeTabs .demandeurs p { 
    	margin-bottom:0;
    }
    
    .welcomeTabs .paragraphe {
    	margin-bottom:20px;
    }
        
        
    .welcomeTabs .locataires { width: 230px; margin-left: 0px;  }
    .welcomeTabs .demandeurs { width: 240px; margin-left: 20px; margin-right: 40px; }

    .welcomeTabs .locataires .tabText,
    .welcomeTabs .demandeurs .tabText {
        font: normal 11px/10px "Lucida Grande", Lucida, Verdana, sans-serif;
        color: #555;
        display: inline;
        margin: 0 0 40px 0;
        clear: both;
    }
        
    .welcomeTabs .tabImage {
        margin-top: 10px;
        float: right;
        width: 380px;
        height: 250px;
    }

    .welcomeTabs .tabImage img.accueil { width: 380px; height: 100%; margin-bottom:20px; }
    .welcomeTabs .tabImage img.boutons { cursor: pointer; }

	
    .tabBtns {
        margin: 0px 0 0 0 ;
        clear: both;
    }
    
/* @end */

/* @group Bouton page accueil */

.btnElus, .btnPros {
	display: block;
	width: 161px;
	height: 45px;
}

.btnElus span, .btnPros span {
	display: none;
}

.btnElus {
	background: transparent url(../images/btn-elus2.png) no-repeat 0 0;
}

.btnElus:hover {
	background-position: 0 -46px;
}

.btnElus:active {
	background-position: 0 -92px;
}

.btnPros {
	background: transparent url(../images/btn-pros2.png) no-repeat 0 0;
}

.btnPros:hover {
	background-position: 0 -46px;
}

.btnPros:active {
	background-position: 0 -92px;
}

/* @end */


/* @group Lien Bouton */


.welcomeTabs a.btn { 
	
	 padding: 0 16px 0 0;
}
a.btn {   
    background: transparent url(../images/btn-a.png) no-repeat scroll top right;
    display: block;
    float: left;
    font: bold 10px arial, helvetica, verdana, sans-serif;
    width: 170px;
    height: 25px;
    margin:0;
    padding: 0 165px 0 0;
    text-decoration: none;
}

a.btn.haut {
    padding-right: 8px;
    width: 154px;
}

a.btn span {
    background: transparent url(../images/btn-span.png) no-repeat;
    display: block;
    font-size: 11px;
    line-height: 16px;
    padding: 4px 0 5px 16px;
    cursor:pointer;
}
a.btn span.center {
    text-align: center;
}

a.btn:active {
    background-position: bottom right;
    color: #333;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn.select {
    background: none;
    color: #000;
}

a.btn:hover {
/*    background-position: bottom right;*/
    color: #333;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn:hover span {
    background-position: bottom left;
    color: #333;
}

a.btn:active span {
    background-position: bottom left;
    padding: 4px 0 5px 16px; /* push text down 1px */
}

a.btn.select span {
    background: none;
    color: #000;    
    padding: 4px 0 5px 16px; /* push text down 1px */
}

/* @end */


/* @group Fil d'Ariane */


div.ariane  { margin-bottom:10px; float:left; list-style:none; padding-right:5px; position:relative; width:540px; color: #cacaca; font-size: 11px;}
div.ariane  p a:link,
div.ariane  p a:visited,
div.ariane  p a:hover,
div.ariane  p a:active { color:#000; text-decoration:none; }
div.ariane  div {width:430px;}
div.ariane  a span { }

/* @end */


/* @group Outils (Zoom +, Zoom -, Ami, Print) */


ul#outilsZoom {display:inline;list-style: none; /*position:absolute;top:0;right:20px;*/ float:right; margin-right:-20px;}
ul#outilsZoom li {list-style: none;margin : 0;padding : 0;display:inline;background: none;}
ul#outilsZoom li a {width:16px;height:19px;display:inline;float:left; border:none}

a#zoomMoins {margin-right:7px;background: url('../images/zoomMoins.png') no-repeat 0 0;}
a#zoomPlus {background: url('../images/zoomPlus.png') no-repeat 0 0;}
a#envoyerAmi {margin-right:7px;margin-left:7px;background: url('../images/envoyerAmi.png') no-repeat 0 0;}
a#imprimer {margin-right:7px;background: url('../images/imprimer.png') no-repeat 0 0;}
a.langue {margin-left:7px; }

/*a#zoomMoins:hover, a#zoomPlus:hover, a#envoyerAmi:hover, a#imprimer:hover, a#commentArticle:hover {background-position: 0 -19px; border:none}*/
ul#outilsZoom li a span {display:none;}

/* @end */


/* @group Pagination */


#pagination {
    margin-top: 20px;
    text-align: center;
}

#pagination li {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
    font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
    display: inline;
}

#pagination li a {
    margin: 0 1px 0 0;
    padding: 3px;
    text-decoration: none;
    color: #555;
}

#pagination li a:hover {
    background: #f1f1f1;
}

#pagination li.select a {
    background: #f1f1f1;
    cursor: default;
}

/* @end */



/* @group Infos Alertes */


#fil-barre {
    position:fixed;
    bottom:0px;
    left:0;
    color:white;
    width:100%;
    z-index:2000;
}

#ie6 #fil-barre {
    position: absolute;
    top:expression( documentElement.scrollTop + documentElement.clientHeight + "px");
    left: 0;
}

#fil-barre .fd { background:url(../images/fd.png); position:absolute; bottom:0px; left:0px; width:100%; height:74px; z-index:2; }
/*
#ie7 #fil-barre .fd { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/fd.png'); overflow:hidden; }
#ie6 #fil-barre .fd { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/fd.png'); overflow:hidden; }
*/

#fil-barre .fd .fil-actu { width:950px; margin:0px auto 0 auto; text-align:left; padding: 0; }
#fil-barre .fd .fil-actu img.fleche { float: left; margin: 0 !important; padding: 0 !important;}
#fil-barre .fd .fil-actu div.rss { float: right; margin: 0 !important; padding: 0 !important; }
#fil-barre .fd .fil-actu div.rss img { margin: 20px 0 0 0;}
#fil-barre .fd .fil-actu a.rss  { float: right; margin:5px 0 0 5px; color: #f18000 !important;}
#fil-barre .fd .fil-actu a.rss:hover {	text-decoration: none !important;	color: #fff !important;}
#fil-barre .fd .fil-actu div.rss span { display: block;}
#fil-barre .fd .fil-actu div.text {
    float: left;
    margin: 10px 0 0 40px; 
    width: 600px;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	background:#333;
}
#fil-barre .fd .fil-actu div.text div.head  { width: 600px; padding: 0; float: left; display: inline; }

#fil-barre .fd .fil-actu div.text div.head span.date  { color: #bbb; padding: 2px 10px 0 0; float: left; display: inline;
	font: bold 12px Arial, Helvetica, Geneva, sans-serif;
}
#fil-barre .fd .fil-actu div.text div.head span.titre { font-weight: bold; float: left; display: inline; font: bold 14px Arial, Helvetica, Geneva, sans-serif;}
#fil-barre .fd .fil-actu div.text div.head span.espace  { color: #bbb; padding: 2px 0 0 4px; float: left; display: inline;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#fil-barre .fd .fil-actu div.text div.head span.titre a     				{ float: left; display: inline; color: #558ed9; }
#fil-barre .fd .fil-actu div.text div.head span.titre a.titreLOCATAIRE     { float: left; display: inline; color: #558ed9; }
#fil-barre .fd .fil-actu div.text div.head span.titre a.titreDEMANDEUR     { float: left; display: inline; color: #558ed9; }
#fil-barre .fd .fil-actu div.text div.head span.titre a.titrePROFESSIONNEL { float: left; display: inline; color: #95be18; }
#fil-barre .fd .fil-actu div.text div.head span.titre a.titrePARTENAIRE    { float: left; display: inline; color: #95be18; }

#fil-barre .fd .fil-actu div.text div.head span.titre a:hover {
	color: #fff;
}

#fil-barre #actusViewer {
	position:relative;
}
#fil-barre #actusViewer div {
	position:absolute;
	top:0;
	left:90px;
}
#fil-barre #actusViewer div div {
	position:relative;
	left:0;
}

#fil-barre .fd .fil-actu span.lien {
	position: absolute;
	right:0;
	width:160px;
	background: 0;
	padding: 0 0 0 10px;	
	margin:5px 0 0 0;
	border-left: 1px solid #555 !important;
	display:block;
}

#fil-barre .fd .fil-actu  span.lien a { 
	display: block; color: #fff;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif; 
	padding: 2px 0 0 0;
}

#fil-barre .fd .fil-actu  span.lien a:hover {
	text-decoration: underline;
}

#fil-barre .fd .fil-actu div.text span.actu  { float: left; padding: 4px 0 0 0; display: block; }


#fil-barre .fd .fil-actu a.actuLien{
	margin-top: 10px;
}

#fil-barre .fd .fil-actu span.lien img {
	padding:0;
	vertical-align:middle;
}
/* @end */

/*  @group Pancarte Offre d'emploi  */ 

.offreEmploi {
    background: url(../images/pancarte2.png) no-repeat 0 0;
    width: 90px;
    height: 93px;
    left: 480px;
    top: -24px;
    padding: 38px 0 0 0px;
    position: absolute;
    text-align: center;
    font-size: 10px;
}

.offreEmploi a span.nombre {
	/*color: #bb50a0;*/
}

.offreEmploi .nombre {
    font-size: 24px;
    font-weight: bold;
    font-family: Arial;
    display: block;
}

/* @end */ 

.affineur, #recherche {
    background: #e6f4fa;
    padding: 7px;
}

#recherche label {
	float:left;
	font-size:1.2em;
	width:150px;
	clear:left;
}

.affineur div, #recherche div {
	
	clear:both;
    /*float: left;*/
    margin: 0 5px 5px 0;
    font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
    color: #333;
}

.debug {
    background: #fff778;
}

/*  @group Projet  */
div.projet { }
div.projet h1 {	margin: 0;}
div.projet .colonne1 { width:300px; float:left; margin-top: 20px;}
div.projet h3 {	font-size: 11px;}
div.projet ul.downloadBox { list-style:none; margin:0; padding:10px; background:#e6f4fa;}
div.projet img{ float: right; padding-left: 10px;  padding-bottom: 10px }
div.projet span.titre { font-size: 16px; font-weight: bold; }
div.projet span.localite { font-size: 14px; font-weight: bold; display: block; color: #888; }
div.projet span.localite span.reference { font-size: 11px; font-weight: normal; color: #888; }
div.projet span.annee { float:right; font-size: 14px; font-weight: bold; display: inline; color: #888; }

div.projet .choixPhotoVideo {
	margin: 0 0 0 50px;
	height: 30px;
}

div.projet table {
	font-size: 11px;
	color: #555;
}

div.projet .libelle {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #999;
}

div.projet a.btn.photoVideo {
	width: 50px;
    padding: 0 30px 0 0;
}

div.projet a.btn.photoVideo.select {
	background: none;
	color: #000;
	cursor: default;
}

/* @end */

#imageMenu {
	position: relative;
}

/*  @group imageMenu  */
#imageMenu div {
	float: left;
	width: 100px;
	height: 20px;
	margin:0px;
	padding: 30px 10px;
	border-right: 1px solid #eaeaea;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	background: #fff url(../images/picto-photo.png) no-repeat 10px 0 !important;
}


#imageMenu a span {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none; 
	color: #fff ;
	padding: 5px 0;
}

#imageMenu div a {
	cursor:pointer;
	display:block;
	overflow:hidden;
	height: 150px;
	color:#2081C5;
}	

#imageMenu div a:hover {
	color: #333;
}

/* @end */

/* NEWS */

.blocNews {
	border-bottom: 1px solid #eaeaea;
	padding-top: 15px;
}

.blocNews h3 {
	margin-bottom: 0;
}

#ie6 #actusViewer {
	display:inline;
}

/* Fix ie6 : */
*html ul {    	 margin:0;   }
*html .gauche ul li a span {    	 padding:0 !important;   }

/* Offres d'emplois */
tr.separateOffers td
{
  border-bottom: 1px solid #C3C3C3;
}

.offerList tr.offerTop td
{
  padding-top: 10px;
}

.offerList tr.offerBottom td
{
  padding-bottom: 10px;
}



div.searchbar {
	z-index:100;
}
div#subMenusContainer {
	z-index:200;
}


/************************* PLAN DU SITE **************************/
ul#plan a {
	text-decoration:none;
}

ul#plan, ul#plan ul {
	list-style-type:none;
}

ul#plan li {
	padding-top:10px;
	list-style-type:none;
}

ul#plan ul li ul li ul li {
	padding-top:0;
}

ul#plan ul li a {
	text-transform:uppercase;
	font-weight:bold;
	display:block;
	padding-bottom:3px;
}

ul#plan ul li ul li ul li a {
	font-weight:bold;
	text-transform:none !important ;
}

ul#plan ul li ul li ul li ul li a {
	text-transform:none !important ;
	font-weight:normal !important;
}


ul#plan li a 				{ color:#000; }
ul#plan li.LOCATAIRE a 		{ color:#0F7FC1; }
ul#plan li.DEMANDEUR a 		{   color:#0F7FC1; }
ul#plan li.PROFESSIONNEL a 	{  color:#84A513; }
ul#plan li.PARTENAIRE a 	{  color:#84A513; }


span.message, span.formINDIC{

    background:#FCFFCB none repeat scroll 0 0;
    border:1px solid #D0D2B2;
    color:#5D5E50;
    display:block;
    font-size:12px;
    font-weight:bold;
    margin:10px 0;
    padding:5px;
}







/* @group Lien Bouton */


.roundBlocPersoContent a.btn2 {   
    background: transparent url(../images/espace_personnel.png) no-repeat scroll top right;
    height: 38px;
	width: 192px;
}


.roundBlocPersoContent   a.btn2:hover { 
    background: transparent url(../images/espace_personnel.png) no-repeat scroll bottom right;
}

.roundBlocPersoContent  a.btn2 span  {
    display: none;
}


a.btn:hover {
    background-position: bottom right;
    color: #333;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn:hover span {
    background-position: bottom left;
    color: #333;
}

a.btn:active span {
    background-position: bottom left;
    padding: 4px 0 5px 16px; /* push text down 1px */
}

a.btn.select span {
    background: none;
    color: #000;    
    padding: 4px 0 5px 16px; /* push text down 1px */
}

/* @end */