/*Elements*/

body 
{
	margin: 0px;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-color: #ffffff;
	background-image: url("http://alertemail.pagesimmo.com/public/default/images/page-bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}

input, textarea
{
    border:solid 1px black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

input[type=checkbox], input[type=radio] { border: none; } 

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
	color: #444444;
}

h1 {
	font-size: 2em;
	padding-top:10px;
	color: #003a7f;
}

h2 {
	font-size: 1.6em;
	padding-bottom:5px;
	padding-top:10px;
	color: #707070;
}

h3 {
	font-size: 1.6em;
	color: #003a7f;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}

a:link{color: #003a7f; text-decoration: underline;}
a:hover{color: #707070; text-decoration: underline;}
a:visited{color: #003a7f; text-decoration: underline;}


/* MasterPage */
.master_header
{	
	text-align:center;
    width:100%;
    height:30px;
    padding-top:5px;
}

.master_body
{
    min-height:422px;
}

.master_footer
{
    text-align:center;
    width:100%;
    height:32px;
}


/*Navigation*/
.navigation a {white-space:nowrap;}


/*Content*/
.content
{	
	width:700px;
	height:100%;
}

.content_header
{	
	padding-top:10px;
	padding-left:10px;	
	height:40px;	
	font-size:1.3em;
	left:20px;
}

.content_body
{	
    padding-left:20px;
    padding-top:30px;
	height:100%;
	width:100%;
}


/* Page de login class='login' */
.login_connexionAuto
{
    border:solid 1px white;
    background-color:#003a7f;
    color:#eeeeee;
    font-weight:bold;  
    padding: 5px 5px 7px 7px;  
    width:680px;
    margin-bottom:15px;
}

.login_connexionAuto .image
{
    /*background: #003a7f url(ajax-loader.gif) no-repeat left top;*/
    width:25px;
    height:25px; 
    float:left;
    padding-right:8px;
}

.login_connexionAuto .texte{ padding-top:8px; }

.login_erreurs
{
    margin-bottom:0px;
    padding-top:20px;
    padding-bottom:30px;
    height:50px;
}

.login_compte
{
    float:left;
    width:360px;
    border-right: 1px solid #444444; 
    margin-right:20px;
    padding-right:20px;
}

.login_compte h2, .login_activation h2{ padding-bottom:10px;}

.login_codeAcces,  .login_motDePasse, .login_persistCookie, .login_compte_boutonConnexion, .login_cleActivation,
.login_activation_boutonConnexion
{
    padding:2px 2px 2px 15px;
}

.login_codeAcces .label,  .login_motDePasse .label
{
    width:170px;
}

.login_persistCookie .label
{
    width:318px;
}

.login_compte_boutonConnexion input{ margin-left:170px; }
.login_activation_boutonConnexion input{ margin-left:130px; }
.login_cleActivation .label{ width:115px; padding-left:15px;}


/*Interface de gestion de l'alerte (Liste des liens) class='gestionAbonnement'*/
.gestionAbonnement .gestion_abonnement, .gestionAbonnement .gestion_autresAbonnement{ padding-bottom:25px;}


/*Liste des annonces, détail d'une annonce class='annonces' et class='annonce'  */    
    .introduction .resultat{
    font-weight:bold;
    }

    .introduction .criteres{
    font-weight:bold;
    font-size:0.85em;
    padding:4px 10px 4px 10px;
    text-align:center;
    }

    .content_body .pagination
    {
        text-align:right;
        padding-top:10px;
        padding-left:10px;
    } 
    
    .content_body .pagination table
    {
        width:100%;
    }
    
    .content_body .pagination table tbody tr td
    {
        white-space:nowrap;
    }
    
    .left
    {
        text-align:left;
        width:25%;        
    }
    
    .right
    {
        text-align:right;
        width:25%;         
    }
    
    .center
    {
        text-align:center;
        width:50%;
    }

    .content_body .annonces{
    padding:0px 0px 0px 10px; min-height:347px;
    }

    .content_body .annonces .annonce{
    border:1px solid #003a7f;
    background-color:#e1e1e9;
    margin-top:14px;
    }
    
    .content_body .annonces .annonce .visionneuse{
        margin: 20px 0px 10px 10px;
        text-align:center;
        width:690px;
        height:410px;
    }
    
    .content_body .annonces .annonce .visionneuse table{width:100%;padding:5px 5px 5px 5px;}
    .content_body .annonces .annonce .visionneuse table .left{ vertical-align:top;width:100px;}
    .content_body .annonces .annonce .visionneuse table .right{ vertical-align:middle;text-align:center;width:390px;}       
    .content_body .annonces .annonce .visionneuse .photo img{max-width:400px; max-height:400px;}    
    .content_body .annonces .annonce .visionneuse .thumbnails{ width:150px;text-align:left;}    
    .content_body .annonces .annonce .visionneuse .thumbnails img{
        width:69px;
        height:51px;
        margin:1px 1px 1px 1px;
        cursor:pointer;
    }
    
    .right .photo
    {
        display:inline;
    }

    .content_body .annonces .annonce .gauche{
        float:right;
        height:100%;
        text-align:left;
        padding-top:7px;
        width:160px;
    }
    
    .content_body .annonces .annonce .droite{
        width:500px;
        padding:8px 10px 5px 7px; 
    }

    .content_body .annonces .annonce .photo{
    text-align:center;
    width:160px;
    height:110px;
    display:table-cell;
    vertical-align:middle;
    font-size:99px;
    }
    
    .content_body .annonces .annonce .photo a{text-decoration:none;}

    .content_body .annonces .annonce .photo img {vertical-align:middle;max-width:150px; max-height:100px; }

    .content_body .annonces img {border:1px solid black;}

    .reference{
    margin: 5px 5px 5px 5px;
    white-space:normal;
    }

    .caracteristiques, .prix{
    padding-top:3px;
    }

    .caracteristiques, .prix, .location, .reference, .raisonSociale{
    font-weight:bold;
    font-size:1.2em;
    color:#003a7f;
    }

    .localisation, .reference{
    font-size:1.0em;
    }

    .prix{
    float:right;
    }

    .prix_conversion{
    float:right;
    color:#003a7f;
    }

    .titre{
    padding-top:10px;
    color:#003a7f;
    }

    .lien_annonce{
    text-align:right;
    padding-top:5px;
    }

    .lien_agence{
    text-align:right;
    padding-left:10px;
    padding-top:2px;
    }

    .agence{
    padding-top:8px;
    padding-left:15px;
    padding-bottom:8px;
    }

    .raisonSociale{
    font-size:1.05em;
    }    
    
    
    /*Formulaire de création d'une alerte class="formulaireAlerte"*/    
    .label
    {
        float:left;
    }
    
    .form_nomAlerte, .form_civilite, .formulaireAlerte .form_email, .formulaireAlerte .form_nom , .form_prenom , .formulaireAlerte .form_tel ,
    .formulaireAlerte .form_motDePasse ,.formulaireAlerte .form_motDePasseConfirm,
    .form_typetransaction, .form_typebien, .form_surfaceMini, .form_surfaceMaxi, .form_budgetMini, .form_budgetMaxi, .form_nbPiecesMini,
    .form_nbPiecesMaxi, .form_codePostal, .form_ville, .form_saisonDebut, .form_saisonFin, .form_saisonNbPersonnes, .form_avecPhotos,
    .form_envoiMode, .form_envoiFrequence, .form_envoiHoraire, .form_captchaImage, .form_captchaSaisie, .form_captchaMessage
    {
        padding:2px 2px 2px 20px;
    }
    
    .form_nomAlerte .label, .form_civilite .label, .formulaireAlerte .form_email .label, .formulaireAlerte .form_nom .label, .form_prenom .label, 
    .form_tel .label, .formulaireAlerte .form_motDePasse .label, .formulaireAlerte .form_motDePasseConfirm .label
    {
        width:100px;
    }
    
    .formulaireAlerte .form_tel{display:none;}
    .formulaireAlerte .form_motDePasseConfirm{padding-left:322px;}
    
    .form_nomAlerte input
    {
        width:250px;
    }
    
    .formulaireAlerte .form_nom, .formulaireAlerte .form_email, .formulaireAlerte .form_tel
    {
        float:left;
        width:300px;        
    }
    
    .form_typetransaction .label, .form_surfaceMini .label, .form_budgetMini .label, .form_nbPiecesMini .label,
    .form_saisonDebut .label, .form_saisonNbPersonnes .label, .form_avecPhotos .label
    {
        width:200px;   
    }
    
    .form_typebien .label, .form_surfaceMaxi .label, .form_budgetMaxi .label, .form_nbPiecesMaxi .label, .form_ville .label, 
    .form_saisonFin .label
    {
        width:50px;
    }
    
    .form_typetransaction, .form_surfaceMini, .form_budgetMini, .form_nbPiecesMini, .form_saisonDebut
    {
        float:left;
        width:380px;
    }
    
    .form_envoiMode .label, .form_envoiFrequence .label, .form_envoiHoraire .label
    {
        width:120px;
    }
    
    .form_surfaceMini input, .form_surfaceMaxi input, .form_budgetMini input, .form_budgetMaxi input, .form_nbPiecesMini input,
    .form_nbPiecesMaxi input, .form_saisonNbPersonnes input
    {
        text-align:right;
    }    
    
    
    
    .form_boutonValider{ padding:20px 0px 40px 20px; }
    
    .stitre_criteres, stitre_envoi{clear:both;padding-top:10px;}

    
/*Captcha*/
.form_captchaImage .label, .form_captchaSaisie .label, .form_captchaMessage .label { width:245px; }    
 
   
/*Page d'erreur class='customError'*/


/*Page de confirmation de la résiliation class='resiliationConfirmee'*/  

    
/*Résiliation de l'alerte class='resilierAbonnement'*/
.form_boutonResilier{ padding:20px 0px 40px 20px; }   


/*Changement du mot de passe class='modifierInfosConnexion'*/
.form_nouveauMotDePasse, .form_nouveauMotDePasseConfirm, .form_boutonModifierMotDePasse
{
        padding:2px 2px 2px 20px;
}

.form_nouveauMotDePasse .label, .form_nouveauMotDePasseConfirm .label{ width:250px; }

.form_boutonModifierMotDePasse { padding:20px 0px 40px 20px; }


/*Formulaire de contact d'une agence class='contacterAgence'*/
.form_nomAgence, .contacterAgence .form_email, .form_refAnnonce, .form_message{ padding:2px 2px 2px 20px; }

.form_boutonEnvoyerMessage { padding:20px 0px 40px 20px; }

.form_nomAgence .label, .contacterAgence .form_email .label, .form_refAnnonce .label, .form_message .label
{ width:140px; }
 
   
/*Demande de renvoi du mot de passe*/
.form_boutonRenvoyerMotDePasse { padding:20px 0px 40px 20px; } 

.renvoyerMotDePasse .form_email{ padding:2px 2px 2px 20px;}

.renvoyerMotDePasse .form_email{float:none; width:600px;}

.renvoyerMotDePasse .form_email .label { white-space:nowrap; width:auto; padding-right:10px;}

    
/*Erreurs*/
.erreurs_resume
{
    border:solid 1px #444444;
    padding: 5px 3px 0px 8px;
    width:680px;
    background-color:#B9121B;
    font-size: 12px;
    font-weight:bold;
    color:#dddddd;
}
 
 .erreurs_resume ul{
    margin-bottom:4px;
 }

.erreur
{
    font-weight:bold;
    color:#B9121B;
}

.input .erreur{ padding-left:3px; }

.erreurs_summary{
    padding-bottom:0px;
    margin-bottom:0px; 
}

.erreurs_summary
{
    margin-bottom:15px;
}


/*Commun à toutes les pages*/
.introduction
{
    margin-bottom:15px;
    border:solid 1px white;
    background-color:#003a7f;
    color:#eeeeee;
    font-weight:bold;  
    padding: 5px 5px 7px 7px;  
    width:680px;
}

.stitre_localisation {clear:both;padding-top:10px;}
.form_codePostal, .form_ville {width:500px;}
.form_codePostal input {width:70px;}
.form_ville input {width:298px;}
.form_codePostal .label, .form_ville .label {width:200px;}
.form_codePostal .label input, .form_ville .label input {margin-left:0px;padding-left:0px;width:17px;}
.form_localisation {padding:2px 2px 2px 20px;}

.form_criteres{
        padding:2px 2px 2px 15px;
        float:left;
        width:380px;        
    }
    
    .form_criteres .form_saisonNbPersonnes, .form_criteres .form_saison{
        font-family: Arial, Helvetica, sans-serif;
	    font-size: 13px;
    }    
    
    .form_criteres input{
        text-align:right;
        width:55px;
    }

    .form_civilite .customListBox{width:132px;}
    .form_budget #form_budgetPrix .customListBox, .form_budget #form_budgetPrix .clb_options{width:200px;}
    .form_budget #form_budgetPrix input{        
        width:70px;
    }
    .form_nbPieces input{        
        width:30px;
    }
    .form_surface input{        
        width:45px;
    }
    
    .form_nbPieces .customListBox, .form_nbPieces .clb_options, .form_typeBien .customListBox, .form_typeBien .clb_options,
    .form_typeTransaction .customListBox, .form_typeTransaction .clb_options ,.form_surface .customListBox, .form_surface .clb_options
    {width:155px;}
    
    .form_typeBien, .form_nbPieces{
        padding-left:3px;
    }
    
    .form_budget{
        padding-left:15px;
    }   
    
    .form_envoiMode .label, .form_envoiFrequence .label, .form_envoiHoraire .label
    {
        width:120px;
    }
    
    .form_criteres{
        clear:both;
    }
    
    input{
        border:1px solid;
    }
    
    .form_saison input
    {
        width:70px;
    }
    
    .form_criteres .vide{
        width:8px;
    }