/* CSS Document */

/*************************** BTN **************************************/
/*
#annuler {
	display:block;
	width:92px;
	height:21px;
	background:url(../images/btn_fleche/btn_annuler.png) left top;
}

#annuler:hover
{
	background:url(../images/btn_fleche/btn_annuler_on.png) left top;
}*/
/*
#envoyer
{
    background:url(../images/btn_fleche/btn_envoyer.png) no-repeat center top;
    display:block;
    width:113px;
    height:26px;
    padding:0px !important;
}

#envoyer:hover
{
    background:url(../images/btn_fleche/btn_envoyer_on.png) no-repeat center top;
}
*/
/*
.btnEnvoyer
{
    background:url(../images/btn_fleche/btn_envoyer.png) no-repeat center top;
    display:block;
    width:113px;
    height:26px;
    padding:0px !important;
}

.btnEnvoyer:hover
{
    background:url(../images/btn_fleche/btn_envoyer_on.png) no-repeat center top;
}*/
/*
#supprimer {
	display:block;
	width:92px;
	height:26px;
	background:url(../images/btn/supprimer.png) left top;
}

#supprimer:hover
{
    background:url(../images/btn/supprimer_on.png) left top;
}
*/
/*
.btnSupprimer {
	display:block;
	width:92px;
	height:26px;
	background:url(../images/btn/supprimer.png) left top;
}

.btnSupprimer:hover
{
    background:url(../images/btn/supprimer_on.png) left top;
}
*/

.enregistrer{
	display:inline-block;
	width:210px;
	height:24px;
	background:url(../images/btn/bouton-enregistrer.png) no-repeat 0px 0px;
	margin-left:0px;
}

.enregistrer:hover
{    
    background:url(../images/btn/bouton-enregistrer.png) no-repeat 0px -24px;
    
}

.enregistrerEffectue{
	display:inline-block;
	width:210px;
	height:24px;
	background:url(../images/btn/bouton-enregistrement-effectue.png) no-repeat 0px 0px;
	margin-left:0px;
}


/*
#btn_ajouter_voisinnage
{
    background:url(../images/profil_partiel/btn_ajouter_voisinnage.png) no-repeat center top;
    display:block;
    width:185px;
    height:23px;
    padding:0px !important;
    margin-top:10px;
}

#btn_ajouter_voisinnage:hover
{
    background:url(../images/profil_partiel/btn_ajouter_voisinnage_on.png) no-repeat center top;
}
*/
/*
#btn_afficher_mon_voisinnage
{
    background:url(../images/btn_fleche/afficher_mon_voisinnage.png) no-repeat center top;
    display:block;
    width:185px;
    height:23px;
    padding:0px !important;
    margin-top:10px;
}

#btn_afficher_mon_voisinnage:hover
{
    background:url(../images/btn_fleche/afficher_mon_voisinnage_on.png) no-repeat center top;
}
*/

/*
#btn_espace_voisin
{
    background:url(../images/profil_partiel/btn_espace_voisin.png) no-repeat center top;
    display:block;
    width:185px;
    height:23px;
    padding:0px !important;
    margin-top:7px;
}

#btn_espace_voisin:hover
{
    background:url(../images/profil_partiel/btn_espace_voisin_on.png) no-repeat center top;
}
*/
/*
#btn_espace_voisin_complet
{
    background:url(../images/btn_fleche/espace_voisin_complet.png) no-repeat center top;
    display:block;
    width:185px;
    height:23px;
    padding:0px !important;
    margin-top:7px;
}

#btn_espace_voisin_complet:hover
{
    background:url(../images/btn_fleche/espace_voisin_complet_on.png) no-repeat center top;
}
*/

#btn_afficher_mon_espace_voisin
{
    background:url(../images/btn_fleche/afficher_mon_espace_voisin.png) no-repeat center top;
    display:block;
    width:185px;
    height:23px;
    padding:0px !important;
    margin-top:10px;
}

#btn_afficher_mon_espace_voisin:hover
{
    background:url(../images/btn_fleche/afficher_mon_espace_voisin_on.png) no-repeat center top;
}


/*
#btn_envoyer_message
{
    background:url(../images/profil_partiel/btn_envoyer_message.png) no-repeat center top;
    display:block;
    width:185px;
    height:23px;
    padding:0px !important;
    margin-top:7px;
}

#btn_envoyer_message:hover
{
    background:url(../images/profil_partiel/btn_envoyer_message_on.png) no-repeat center top;
}
*/
#btn_modifier_mon_profil
{
    background:url(../images/btn_fleche/modifier_mon_profil.png) no-repeat center top;
    display:block;
    width:185px;
    height:23px;
    padding:0px !important;
    margin-top:10px;
}

#btn_modifier_mon_profil:hover
{
    background:url(../images/btn_fleche/modifier_mon_profil_on.png) no-repeat center top;
}

/*
#btn_voir_tt_annonces
{
    background:url(../images/profil_partiel/btn_voir_tt_annonce.png) no-repeat center top;
    display:block;
    width:185px;
    height:23px;
    padding:0px !important;
    margin-top:4px;
    margin-left:10px;
}*/
/*
#btn_voir_tt_annonces:hover
{
    background:url(../images/profil_partiel/btn_voir_tt_annonce_on.png) no-repeat center top;
}*/
/*
#btn_valider_passer_etape_suivante
{
    background:url(../images/btn_fleche/valider_passer_a_etape_suivante.png) no-repeat center top;
    display:block;
    width:260px;
    height:26px;
    padding:0px !important;
    margin-top:4px;
    margin-left:10px;
    border:none;
}

#btn_valider_passer_etape_suivante:hover
{
    background:url(../images/btn_fleche/valider_passer_a_etape_suivante_on.png) no-repeat center top;
}*/
/*
#btn_connexion
{
    background:url(../images/btn_fleche/connexion.png) left top;
    border:none;
    width:130px;
    height:26px;
    display:block;
}

#btn_connexion:hover
{
    background:url(../images/btn_fleche/connexion_on.png) left top;
}
*/
/*
#btn_remplir_mon_profil
{
    background:url(../images/btn_fleche/remplir_mon_profil.png) left top;
    border:none;
    width:195px;
    height:26px;
    display:block;
}

#btn_remplir_mon_profil:hover
{
    background:url(../images/btn_fleche/remplir_mon_profil_on.png) left top;
}
*/
/*
#btPublierAnnonce_Enregistrer
{
    background:url(../images/btn_fleche/btn_envoyer.png) left top;
    border:none;
    width:112px;
    height:26px;
    display:block;
}

#btPublierAnnonce_Enregistrer:hover
{
    background:url(../images/btn_fleche/btn_envoyer_on.png) left top;
}*/

#btn_calendrier
{
    background:url(../images/commun/btn_calendrier.png) no-repeat left top;
    border:none;
    width:15px;
    height:15px;
    display:inline-block;
}
/*
#btn_repondre
{
    background:url(../images/btn_fleche/btn_repondre.png) left top;
    border:none;
    width:120px;
    height:26px;
    display:block;
}

#btn_repondre:hover
{
    background:url(../images/btn_fleche/btn_repondre_on.png) left top;
}

.btn_repondre
{
    background:url(/App_Themes/BonjourVoisinsNC/images/btn_fleche/btn_repondre.png) left top;
    border:none;
    width:120px;
    height:26px;
    display:block;
}

.btn_repondre:hover
{
    background:url(/App_Themes/BonjourVoisinsNC/images/btn_fleche/btn_repondre_on.png) left top;
}
*/

.btn_CroixFermer
{
    background:url(../images/profil_partiel/picto_fermeture.png) no-repeat left top;
    width:17px;
    height:18px;
    float:right;
 /*   margin-top:12px;
    margin-right:12px;*/
}


.btn_CroixFermer:hover
{
    background:url(../images/profil_partiel/picto_fermeture_on.png) no-repeat left top;
}


/**************************** Bouton  ******************************/

.BoutonOrange {
    background: transparent url('../images/btn/bouton-orange-fleche.png') no-repeat scroll top right;
    color: #000000;
    display: block;
    float: left;    
    height: 24px;
    margin-right: 6px;
    padding-right: 24px; /* sliding doors padding */
    text-decoration: none;
     outline: none;
     
}

a.BoutonOrange span {
    background: transparent url('../images/btn/bouton-orange.png') no-repeat;
    display: block;   
    padding:5px 0 4px 24px;
    line-height:15px;
    text-decoration: none;
     outline: none;
     text-align:right;
     color:#FFFFFF;
} 

a.BoutonOrange:hover {
    background-position: bottom right;
    color: #000;
    text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
    
}

a.BoutonOrange:hover span {
    background-position: bottom left;
    padding:5px 0 4px 24px; /* push text down 1px */
    text-decoration: none;
     outline: none;  
     color:#333333;   
} 

.BoutonGris {
    background: transparent url('../images/btn/bouton-gris-fleche.png') no-repeat scroll top right;
    color: #000000;
    display: block;
    float: left;    
    height: 24px;
    margin-right: 6px;
    padding-right: 24px; /* sliding doors padding */
    text-decoration: none;
     outline: none;
     
}

a.BoutonGris span {
    background: transparent url('../images/btn/bouton-gris.png') no-repeat;
    display: block;   
    padding:5px 0 4px 24px;
    line-height:15px;
    text-decoration: none;
     outline: none;
     text-align:right;
     color:#3588D8;
} 

a.BoutonGris:hover {
    background-position: bottom right;
    color: #000;
    text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
    
}

a.BoutonGris:hover span {
    background-position: bottom left;
    padding:5px 0 4px 24px; /* push text down 1px */
    text-decoration: none;
     outline: none;  
     color:#333333;   
} 

/**************************** Bouton2 ******************************/

.BoutonBleu {
    background: transparent url('../images/btn/bouton-bleu-fleche.png') no-repeat scroll top right;
    color: #000000;
    display: block;
    float: left;    
    height: 24px;
    margin-right: 6px;
    padding-right: 24px; /* sliding doors padding */
    text-decoration: none;
     outline: none;
    
}

a.BoutonBleu span {
    background: transparent url('../images/btn/bouton-bleu.png') no-repeat;
    display: block;   
    padding:5px 0 4px 24px;
    line-height:15px;
    text-decoration: none;
     outline: none;
     text-align:right;
      color:#FFFFFF;
} 

a.BoutonBleu:hover {
    background-position: bottom right;
    color: #000;
    text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
}

a.BoutonBleu:hover span {
    background-position: bottom left;
    padding:5px 0 4px 24px; /* push text down 1px */
    text-decoration: none;
     outline: none;  
      color:#333333;   
} 

/**************************** BoutonVert ******************************/

.BoutonVert {
    background: transparent url('../images/btn/bouton-vert-fleche.png') no-repeat scroll top right;
    color: #000000;
    display: block;
    float: left;    
    height: 24px;
    margin-right: 6px;
    padding-right: 24px; /* sliding doors padding */
    text-decoration: none;
     outline: none;
    
}

a.BoutonVert span {
    background: transparent url('../images/btn/bouton-vert.png') no-repeat;
    display: block;   
    padding:5px 0 4px 24px;
    line-height:15px;
    text-decoration: none;
     outline: none;
     text-align:right;
      color:#FFFFFF;
} 

a.BoutonVert:hover {
    background-position: bottom right;
    color: #000;
    text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
}

a.BoutonVert:hover span {
    background-position: bottom left;
    padding:5px 0 4px 24px; /* push text down 1px */
    text-decoration: none;
     outline: none;  
      color:#333333;   
} 
/**************************** Bouton gris sans fleche  ******************************/

.BoutonGrisSansFleche {
    background: transparent url('../images/btn/bouton-gris-sans-fleche.png') no-repeat scroll top right;
    color: #000000;
    display: block;
    float: left;    
    height: 24px;
    margin-right: 6px;
    padding-right: 24px; /* sliding doors padding */
    text-decoration: none;
     outline: none;
     
}

a.BoutonGrisSansFleche span {
    background: transparent url('../images/btn/bouton-gris.png') no-repeat;
    display: block;   
    padding:5px 0 4px 24px;
    line-height:15px;
    text-decoration: none;
     outline: none;
     text-align:right;
     color:#3588D8;
} 

a.BoutonGrisSansFleche:hover {
    background-position: bottom right;
    color: #000;
    text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
    
}

a.BoutonGrisSansFleche:hover span {
    background-position: bottom left;
    padding:5px 0 4px 24px; /* push text down 1px */
    text-decoration: none;
     outline: none;  
     color:#333333;   
} 

/**************************** Bouton gris sans fleche MENU connecte  ******************************/

.BoutonGrisSansFlecheCnx {
    background: transparent url('../images/btn/bouton-gris-sans-fleche.png') no-repeat scroll top right;
    color: #000000;
    display: block;
    float: left;    
    height: 24px;
    margin-right: 6px;
    padding-right: 8px; /* sliding doors padding */
    text-decoration: none;
     outline: none;
     
}

a.BoutonGrisSansFlecheCnx span {
    background: transparent url('../images/btn/bouton-gris.png') no-repeat;
    display: block;       
    padding:5px 0 4px 8px;
    line-height:15px;
    text-decoration: none;
     outline: none;
     text-align:right;
     color:#3588D8;
} 

a.BoutonGrisSansFlecheCnx:hover {
    background-position: bottom right;
    color: #000;
    text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
    
}

a.BoutonGrisSansFlecheCnx:hover span {
    background-position: bottom left;
    padding: 5px 0 4px 8px; /* push text down 1px */
    text-decoration: none;
     outline: none;  
     color:#333333;   
} 



/**************************** Bouton Fleche  ******************************/
.BoutonFleche {

     
     
    vertical-align:middle;
	width:24px;
    height:24px;
    background:url(../images/btn/bouton-petit.png) no-repeat left top;
    display:inline-block;
}

.BoutonFleche:hover {
    background-position: bottom left;
    
}


/**************************** Bouton deconnexion  ******************************/
.BoutonDeconnexion {

     
     
    vertical-align:middle;
	width:24px;
    height:24px;
    background:url(../images/btn/bouton-deconnexion.png) no-repeat left top;
    display:inline-block;
}

.BoutonDeconnexion:hover {
    background-position: bottom right;
    
}