* { margin:0; padding:0; box-sizing:border-box; }
div { font-size:12px; }
a { font-size:12px; }
p { font-size:12px; }
em { font-size:12px; }
label { font-size:12px; }
legend { font-size:12px; }
input { font-size:12px; }
button { font-size:12px; }
select { width:100%; font-size:12px; }
textarea { font-size:12px; }
h1 { width:100%; font:18px verdana, arial, helvetica, sans-serif; line-height:22px; }
h2 { width:100%; font:16px verdana, arial, helvetica, sans-serif; line-height:20px; }
h3 { width:100%; font:14px verdana, arial, helvetica, sans-serif; line-height:18px; }
html, body  { width:100%; height:100%; }

body { background-color:#F2F2F2; font:12px verdana, arial, helvetica, sans-serif; }

.div-global { width:920px; margin:auto; text-align:center; }
	.div-cookie-banner { padding:10px; background-color:white; text-align:center; font-family:serif; }
		.a-cookie-banner { margin-left:10px; color:blue; text-decoration:underline; }
		.a-cookie-banner:hover { color:red; }
	.div-cookies-consent { width:90%; margin:auto; padding:20px 20px 20px 20px; margin-top:10px; text-align:left; background-color:white; overflow:auto; border:1px solid #cccccc; }
		.div-cookies-consent-text { }
			.b-title { font-size:16px; }
			.b-stitle { font-size:14px; }
		.div-cookies-consent-button  { padding:10px 10px; text-align:center; }
			.div-cookies-consent-button-cancel   { margin-right:50px; text-decoration:underline; }
			.div-cookies-consent-button-accept   { text-decoration:underline; }	
.div-space { float:left; width:100%; margin-top:10px; text-align:center; }
	.div-contact-footer { float:left; }
	.div-w3c-footer { float:right; }
		.img-w3c { margin-left:20px; }
	
	.h1-accueil {}
	.div-accueil-detail-categorie3 { float:left; width:100%; }
		.div-accueil-detail-categorie { float:left; width:33%; padding:10px 10px 10px 10px; }
			.h3-accueil-detail-categorie { display:inline; text-align:left; font-weight:bold; }
			.ul-accueil-detail-categorie { margin:10px 10px 10px 10px; list-style:square inside; text-align:left; }
				.li-accueil-detail-categorie { margin:10px 0px 0px 0px; }
					.a-accueil-detail-categorie {}
				.li-accueil-detail-categorie-rubrique { margin:10px 0px 0px 0px; }
					.a-accueil-detail-categorie-rubrique {  font-weight:bold; }
	.div-twitter { float:left; width:100%; margin-top:10px; }
	.div-fb { float:left; width:100%; margin-top:10px; }
	
					
/* -------------------- BUTTON -------------------- */
.button-site { border:0; background:transparent; font:14px verdana, arial, helvetica, sans-serif; cursor:pointer; }
.button-site::-moz-focus-inner {  border:0; }
	.button-site span { display: block; }
	/* Button borders */
	.button-site span { border:1px solid rgb(128,128,128); border-radius:4px; }
	.button-site span span { border:1px solid rgb(192,192,192); border-radius:3px; }
	/* Button backgrounds */
	.button-site span { 
		background: #D1E5FF;
		background-image :    -moz-linear-gradient(#D1E5FF,#96C4FF);
		background-image :     -ms-linear-gradient(#D1E5FF,#96C4FF);
		background-image :      -o-linear-gradient(#D1E5FF,#96C4FF);
		background-image : -webkit-linear-gradient(#D1E5FF,#96C4FF);
		background-image :         linear-gradient(#D1E5FF,#96C4FF);
		}
	.button-site span :hover { 
		background: #D1E5FF;
		background-image :    -moz-linear-gradient(#D1E5FF,#89B2E9);
		background-image :     -ms-linear-gradient(#D1E5FF,#89B2E9);
		background-image :      -o-linear-gradient(#D1E5FF,#89B2E9);
		background-image : -webkit-linear-gradient(#D1E5FF,#89B2E9);
		background-image :         linear-gradient(#D1E5FF,#89B2E9);
		}
	/* Button text */
	.button-site span { padding:0px 5px; line-height:18px; color:black; }
	.button-site span :hover { font-weight:bold; }

	.div-button-site { cursor:pointer; background:#ccc; font-size:20px; border:1px solid blue; border-top-left-radius:.25rem; border-top-right-radius:.25rem; border-bottom-right-radius:.25rem; border-bottom-left-radius:.25rem; }
		.div-button_site:hover { color:blue; background:white; }
		.div-bouton-recherche { float:left; width:100%; height:3em; margin:10px 0px 0px 0px; }
			.img-bouton-recherche { height:100%; }
		
	.div-entete-acheter-vendre { float:left; width:100%; }

/* -------------------- ONGLETS -------------------- */
.onglets { float:left; width:100%; margin-top:5px; }
	.onglets_ul { float:left; width:100%; display:block; list-style:none; }
		.onglets_li { float:left; width:20%; }
			.onglets_a { width:90%; margin:0px auto 0px auto; display:block; cursor:pointer; background:#ccc; font-size:14px; border:1px solid blue; border-top-left-radius:.25rem; border-top-right-radius:.25rem; border-bottom-right-radius:.25rem; border-bottom-left-radius:.25rem; }
			.onglets_a:hover { color:blue; background:white; }
			.li_activ { }
			.a_activ { color:black; background:#E6E6E6; padding-top:3px; padding-bottom:3px; font-weight:bold; }
			.li_inactiv { margin-top:2px; }
			.a_inactiv { color:black; background:#C2C2C2; padding-top:1px; padding-bottom:1px; }
			.li_alert { }
			.a_alert { color:black; }

.div-pub-accueil { float:left; width:100%; margin-top:10px; cursor:pointer; }
.div-acheter-vendre { float:left; width:100%; margin-top:10px; }


/* ------------------ CGU ------------------*/
	.h1_cgu { }
	.h2_cgu { margin:20px 5px 0px 5px; background-color:#BDBDBD; }
	.div_rubrique_cgu { text-align:left;  margin:20px 5px 0px 5px; background-color:white; }
		.h3_cgu { background-color:#BDBDBD; }	
/* ------------------ AIDE ------------------*/
	.h1_aide { }
	.div_rubrique_aide { text-align:left;  margin:20px 0px 0px 5px; background-color:white; }
		.h2_aide { background-color:#BDBDBD; }
		.div_sous_rubrique_aide { text-align:left;  margin:5px 0px 0px 10px; background-color:white; }
			.onglet_aide { background-color:#BDBDBD; }
			.h3_aide { text-decoration:underline; }
			.div_detail_sous_rubrique_aide { text-align:left;  margin:5px 0px 0px 15px; background-color:white; }
				.bouton_aide { color:blue; background-color:#E6E6E6; border:solid 1px black; }
/* ------------------ MON COMPTE ------------------*/
	.h1_mon_compte { }
	.fieldset_delete_compte { width:380px; padding:20px; margin-left:auto; margin-right:auto; border:1px solid #ccc; }
		.legend_delete_compte { font-weight:bold; color:#333; }
		.short_explanation_delete_compte { color:#333; }
		.container_delete_compte { margin-top:10px; margin-bottom:10px; }
		.label_delete_compte { width:80%; height:1.2em; color:black; padding:3px; }
		.input_delete_compte { width:80%; height:1.4em; color:black; padding:3px; }
	.fieldset_mon_compte { width:90%; padding:5px; margin-left:auto; margin-right:auto; border:1px solid #ccc; }
		.a_lien_oublie { }
		.a_lien_supprimer_compte {}
		.a_lien_accept_cgu {}
		.legend_mon_compte { font-weight:bold; color:#333; }
		.short_explanation_mon_compte { color:#333; }
		.container_mon_compte { margin-top:10px; margin-bottom:10px; }
			.label_mon_compte { color:black; font-weight:bold; }
			.input_mon_compte { width:50%; color:black; }
			.checkbox_mon_compte_accept_cgu { margin-top:15px; }
			.label_mon_compte_accept_cgu { margin-top:15px; margin-left:10px; color:black; font-weight:bold; }
		.container_mon_compte_annonceur { height:50px; margin-top:10px; margin-bottom:10px; }
			.div_group_annonceurs_mon_compte { width:50%; margin:auto; }
				.div_group_type_annonceur_mon_compte { float:left; width:50%; }
					.radiocontrole_annonceur_mon_compte {  margin-top:10px; margin-left:10px; margin-right:10px; }
					.label_radiocontrole_annonceur_mon_compte { cursor:pointer; }
	.container_supprimer_mon_compte { width:280px; padding:20px; margin-left:auto; margin-right:auto; border:1px solid #ccc; }	
	.div_menu_mon_compte { width:800px; height:50px;  margin-left:auto; margin-right:auto; margin-top:10px;}

/* -------------------- NOUS CONTACTER PAR MAIL -------------------- */	
	.h1_contact { }
	.h2_contact { width:100%; font:18px verdana, arial, helvetica, sans-serif; line-height:22px; }
	.ul_contact { padding:10px 20px; font-size:12px; color:#f00; font-weight:bold; border:1px dotted #f00; }
		.li_contact { }
	.p_contact_comment { padding:10px 20px; border:1px dotted #00f; color:#00f; font-weight:bold; }
	.p_contact_success { padding:10px 20px; border:1px dotted #0f0; color:#00f; font-weight:bold; }
	.em_contact { display:block; font-weight:normal; }
	.form_contact { }
		.label_form_contact { display:block; font-size:16px; font-weight:bold; }
		.input_form_contact { width:50%; font-size:16px; }
		.textarea_form_contact { width:90%; font-size:16px; }
		.g-recaptcha { margin:auto; width:304px; }
		
/* -------------------- CONTACTER PAR MAIL -------------------- */
	.h1_contacter_mail { }
	.short_explanation_contacter_par_mail { font-size:1.0em; color:#333; margin-top:10px; margin-bottom:10px; }
	.container_contacter_par_mail { width:500px; margin-left:auto; margin-right:auto; }
		.label_contacter_par_mail { width:100%; font-size:16px; }
		.input_contacter_par_mail { width:100%; font-size:18px; }
		.text_contacter_par_mail { width:100%; height:24px; font-size:18px; }
		.text_area_contacter_par_mail { height:120px; font-size:18px; overflow: auto; }
		.div_button_envoyez_votre_message { width:270px; height:32px; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; }
/* -------------------- ENVOYER MAIL OK -------------------- */
	.h1_envoyer_mail_annonce_ok { }
	.div_details_annonce_ok { width:90%; margin-left:auto; margin-right:auto; background-color:white; border:solid 1px midnightblue; }
		.h3_envoyer_mail_annonce_ok { width:100%; padding:1px 0px 2px 0px; text-align:center; background:midnightblue; color:white; }
/* -------------------- CONFIRM DELETE COMPTE -------------------- */
	.h1_confirm_delete_compte { }
	.div_details_confirm_delete_compte { width:90%; margin-left:auto; margin-right:auto; background-color:white; border:solid 1px midnightblue; }
		.h3_confirm_delete_compte { width:100%; padding:1px 0px 2px 0px; text-align:center; background: midnightblue; color:white; }
/* -------------------- COMPTE OK -------------------- */
	.h1_creer_compte_ok { }
	.div_details_compte_ok { width:90%; margin-left:auto; margin-right:auto; background-color:white; border:solid 1px midnightblue; }
		.h3_creer_compte_ok { width:100%; padding:1px 0px 2px 0px; text-align:center; background:midnightblue; color:white; }
/* -------------------- SOUS MENU REF -------------------- */
	.div-sous-menu-ref { float:left; width:100%; }
		.ul-sous-menu-ref-categorie { margin:10px 10px 10px 10px; list-style:square inside; text-align:left; }
			.li-sous-menu-ref-categorie { margin:10px 0px 0px 0px; }
				.a-sous-menu-ref-categorie {}
			.li-sous-menu-ref-categorie-rubrique { margin:10px 0px 0px 0px; }
				.a-sous-menu-ref-categorie-rubrique {  font-weight:bold; }
/* -------------------- VISU ANNONCES -------------------- */
	.div_recherche_annonces { float:left; width:100%; }
		.div_fil_ariane_recherche_annonces { float:left; width:100%; margin-top:0px; background-color:#C2C2C2; }
			.ul_fil_ariane { list-style:none; text-align:left; }
				.li_fil_ariane { float:left; margin-left:10px; background-color:#C2C2C2; font-size:14px; line-height:20px; }
				.li_fil_ariane:hover { background-color:#79F8F8; }
					.href_fil_ariane { color:black; }
				.li_fil_ariane:first-child:before { content:" "; }
				.li_fil_ariane:before { padding:5px 5px 5px 5px; content:"\003E"; color:#E0E0E3; font-family:font-icon; }
		/* -------------- FORMULAIRE RECHERCHE -------------- */
		.div_formulaire_recherche_annonces { float:left; width:100%; background-color:#C2C2C2; }
			.div_formulaire_recherche_base { float:left; width:100%; margin-top:5px; }
				.div_formulaire_recherche_1 { float:left; width:300px; }
					.class_input_formulaire_recherche { width:295px; margin-left:5px; margin-top:5px; }
					.class_checkbox_formulaire_recherche  { margin-left:5px; margin-top:5px; }
					.class_label_checkbox_formulaire_recherche  { margin-left:5px; cursor:pointer; }
				.div_formulaire_recherche_2 { float:left; width:210px; }
					.class_select_formulaire_categorie { width:205px; margin-left:5px; margin-top:5px; }
						.class_categorie_option_title_formulaire { color: white; background-color: midnightblue; }
						.class_categorie_option_formulaire {}
						.class_scategorie_option_formulaire { color:white; background-color:#8181b1; }
					.class_select_formulaire_type_de_bien { width:205px; margin-left:5px; margin-top:5px; }
				.div_formulaire_recherche_3 { float:left; width:210px; }
					.div-select-departement {}
						.class_select_formulaire_departement { width:205px; margin-left:5px; margin-top:5px; }
					.div-select-ville {}
						.class_select_formulaire_ville { width:205px; margin-left:5px; margin-top:5px; }
				.div_formulaire_recherche_7 { float:right; }
					.div_formulaire_recherche_4 { float:right; width:140px; }
						.div-chercher-annonces { margin-top:5px; }
						.div-supprimer-alerte { margin-top:5px; }
						
			.div_formulaire_recherche_5 { float:left; width:100%; }
				.class_div_group_annonceur { float:left; width:420px; margin-left:10px; margin-top:5px; text-align:left; }
					.class_div_group_annonceur_details { float:left; width:120px; margin-top:5px; margin-left:10px; text-align:left; }
						.class_radiocontrole_annonceur {  margin-left:10px; margin-right:10px; }
					.class_label_radiocontrole_annonceur { cursor:pointer; }
				.class_div_group_annonce { float:left; width:210px; margin-top:5px; }
					.class_div_group_annonce_offre { float:left; width:90px; margin-top:5px; margin-left:5px; text-align:left; }
					.class_div_group_annonce_recherche { float:left; width:100px; margin-top:5px; margin-left:5px; text-align:left; }
						.class_radiocontrole_annonce{ margin-left:10px; margin-right:10px; }
						.class_label_radiocontrole_annonce{ cursor:pointer; }
				.div_formulaire_recherche_6 { float:right; width:140px; }
					.div-alerte { }
					.div-modif-alerte { }
					
			.div_formulaire_recherche_options{ float:left; width:100%; margin-bottom:5px; }
			
				.class_div_label_formulaire_prix { float:left; width:50px; margin-left:5px; margin-top:5px; text-align:right; }
				.class_div_formulaire_prix_min { float:left; width:140px; margin-left:5px; margin-top:5px; }
					.class_select_formulaire_prix_min { width:100%; }
				.class_div_formulaire_prix_max { float:left; width:140px; margin-left:5px; margin-top:5px; }
					.class_select_formulaire_prix_max { width:100%; }
				
				.class_div_label_formulaire_surface { float:left; width:70px; margin-left:35px; margin-top:5px; text-align:right; }
				.class_div_formulaire_surface_min { float:left; width:140px; margin-left:5px; margin-top:5px; }
					.class_select_formulaire_surface_min { width:100%; }
				.class_div_formulaire_surface_max { float:left; width:140px; margin-left:5px; margin-top:5px; }
					.class_select_formulaire_surface_max { width:100%; }
				
				.class_div_label_formulaire_pieces { float:left; width:50px; margin-left:5px; margin-top:5px; text-align:right; }
				.class_div_formulaire_pieces_min { float:left; width:140px; margin-left:5px; margin-top:5px; }
					.class_select_formulaire_pieces_min { width:100%; }
				.class_div_formulaire_pieces_max { float:left; width:140px; margin-left:5px; margin-top:5px; }
					.class_select_formulaire_pieces_max { width:100%; }
				
				.class_div_label_formulaire_chambres { float:left; width:70px; margin-left:35px; margin-top:5px; text-align:right; }
				.class_div_formulaire_chambres_min { float:left; width:140px; margin-left:5px; margin-top:5px; }
					.class_select_formulaire_chambres_min { width:100%; }
				.class_div_formulaire_chambres_max { float:left; width:140px; margin-left:5px; margin-top:5px; }
					.class_select_formulaire_chambres_max { width:100%; }
				
				.class_div_label_formulaire_marque { float:left; width:70px; margin-left:5px; margin-top:5px; text-align:right; }
				.class_div_input_formulaire_marque { float:left; width:160px; margin-left:5px; margin-top:5px; }
					.class_input_formulaire_marque { width:100%; }
				
				.class_div_label_formulaire_support { float:left; width:70px; margin-left:5px; margin-top:5px; text-align:right; }
				.class_div_select_formulaire_support { float:left; width:220px; margin-left:5px; margin-top:5px; }
					.class_select_formulaire_support { width:100%; }
					
				.class_div_label_formulaire_kilometre { float:left; width:80px; margin-left:5px; margin-top:5px; text-align:right; }
				.class_div_formulaire_kilometre_min { float:left; width:120px; margin-left:5px; margin-top:5px;}
					.class_select_formulaire_kilometre_min { width:100%; }
				.class_div_formulaire_kilometre_max { float:left; width:120px; margin-left:5px; margin-top:5px;}
					.class_select_formulaire_kilometre_max { width:100%; }
				
				.class_div_label_formulaire_cylindree { float:left; width:80px; margin-left:5px; margin-top:5px; text-align:right; }
				.class_div_formulaire_cylindree_min { float:left; width:110px; margin-left:5px; margin-top:5px;}
					.class_select_formulaire_cylindree_min { width:100%; }
				.class_div_formulaire_cylindree_max { float:left; width:110px; margin-left:5px; margin-top:5px;}
					.class_select_formulaire_cylindree_max { width:100%; }
				
				.class_div_label_formulaire_annee_modele { float:left; width:110px; margin-left:5px; margin-top:5px; text-align:right; }
				.class_div_formulaire_annee_modele_min { float:left; width:120px; margin-left:5px; margin-top:5px;}
					.class_select_formulaire_annee_modele_min { width:100%; }
				.class_div_formulaire_annee_modele_max { float:left; width:120px; margin-left:5px; margin-top:5px;}
					.class_select_formulaire_annee_modele_max { width:100%; }
				
				.class_div_label_formulaire_type_energie { float:left; width:100px; margin-left:5px; margin-top:5px; text-align:right; }
				.class_div_select_formulaire_type_energie { float:left; width:110px; margin-left:5px; margin-top:5px;}
					.class_select_formulaire_type_energie { width:100%; }
				
				.class_div_label_formulaire_type_boite_de_vitesse { float:left; width:195px; margin-left:5px; margin-top:5px; text-align:right; }
				.class_div_select_formulaire_type_boite_de_vitesse { float:left; width:110px; margin-left:5px; margin-top:5px;}
					.class_select_formulaire_type_boite_de_vitesse { width:100%; }
				
				.class_div_label_formulaire_marque_voiture { float:left; width:70px; margin-left:5px; margin-top:5px; text-align:right; }
				.class_div_select_formulaire_marque_voiture { float:left; width:140px; margin-left:5px; margin-top:5px;}
					.class_select_formulaire_marque_voiture { width:100%; }
				
				.class_div_label_formulaire_marque_moto { float:left; width:70px; margin-left:5px; margin-top:5px; text-align:right; }
				.class_div_select_formulaire_marque_moto { float:left; width:140px; margin-left:5px; margin-top:5px;}
					.class_select_formulaire_marque_moto { width:100%; }
				
			.clear_formulaire { clear: both; height:0; overflow: hidden; }

		.h1_recherche_annonces { float:left; }
		.h2_recherche_annonces { float:left; margin-top:10px; }

/* ------------------ VISU ANNONCES ------------------ */
	.div_lien_visu_annonce { float:left; width:100%; text-align:left; margin-top:5px; }
		.div-lien-vignette-annonce { color:blue; }
			.a-lien-vignette-annonce {}
	
/* -------------------- ANNONCES -------------------- */
.div_annonces { float:left; width:100%; background-color:white; border:solid 1px black; }
	.div_resume_annonces { width:100%; }
		.div-resume-annonce { width:100%; font-size:18px; }
	.div_vignettes_annonces { width:100%; padding:0px 5px 0px 5px; }
		.hr-vignettes-annonces { width:100%; color:black; height:1px; }
		.div-vignette-annonce { width:100%; height:150px; margin:5px 0px 5px 0px; background-color:#C2C2C2; cursor:pointer; }
		.div-vignette-annonce:hover { background-color: #E0F8F9; }
			.div-photo-vignette-annonce { float:left; width:160px; height:100%; margin:5px 0px 0px 5px; }
				.img-photo-vignette-annonce { float:left; max-width:160px; max-height:120px; vertical-align:middle; }
				.div-nombre-photo-vignette-annonce { float:left; width:160px; height:16px; }
			.div-detail-vignette-annonce { float:left; width:470px; height:100%; margin:0px 0px 0px 5px; }
				.div-titre-vignette-annonce { float:left; width:480px; height:20px; overflow: hidden; white-space:nowrap; font-size:16px; font-weight:bold; color:#000099; text-align:left; }
				.div-resume-vignette-annonce { float:left; width:480px; height:76px; text-align:left; }
					.div-prix-resume-vignette-annonce { font-size:16px; color:black; font-weight: bold; }
					.div-surface-resume-vignette-annonce { font-size:14px; color:black; }
					.div-ville-resume-vignette-annonce { font-size:14px; color:black; }	
						.div-label-ville-localisation-vignette-annonce { float:left; }
						.div-a-lien-localisation-vignette-annonce { float:left; }
							.a-lien-localisation-vignette-annonce {}
								.div-ville-localisation-vignette-annonce { float:left; }
								.div-img-localisation-vignette-annonce { float:left; width:20px; height:20px; margin-left:10px; }
									.img-localisation-vignette-annonce { max-width:100%; max-height:100%; vertical-align:middle; }
					.div-marque-resume-vignette-annonce { font-size:14px; color:black; }
					.div-support-resume-vignette-annonce { font-size:14px; color:black; }
					.div-kilometre-resume-vignette-annonce{ font-size:14px; color:black; }
					.div-cylindree-resume-vignette-annonce{ font-size:14px; color:black; }
					.div-annee-modele-resume-vignette-annonce{ font-size:14px; color:black; }
				.div-link-vignette-annonce { float:left; width:480px; height:40px; text-align:left; font-size:14px; color:black; }
			.div-stat-vignette-annonce { float:left; width:110px; height:100%; margin-right:5px; font-size:14px; color:black; text-align:right; }
				.div-stat-label-vignette-annonce { float:left; width:70px; height:100%; text-align:left; }
				.div-stat-data-vignette-annonce { float:left; width:40px; height:100%; }
			.div-date-vignette-annonce { float:right; width:146px; height:100%; margin-right:5px; font-size:14px; color:black; text-align:right; }
				.div-date-annonce { float:right; width:100%; height:60px; text-align:right; }
				.div-status-annonce { float:right; width:100%; height:60px; text-align:right; }
			
	.div-pub-annonce { width:100%; cursor:pointer; }
	
	.div-pagination-annonces { width:100%; }
	.div-pagination-messages { width:100%; }
	.div-pagination-alertes { width:100%; }
		.div-pagination { width:100%; height:34px; }
			.div-pagination-gauche { float:left; width:15%; margin-top:5px; }
			.div-pagination-centre { float:left; width:70%; margin-top:2px; text-align:center; }
				.a-page-select { width:30px; height:30px; margin-left:10px; padding-top:3px; display:inline-block; text-align:center; font-size:18px; font-family:'Open Sans',sans-serif; border-radius:6px; text-decoration:none; color:black; border:solid 1px red; }
					.a-page-select:hover { font-weight:bold; background-color:#e8ddda; }
				.a-page-other  { width:30px; height:30px; margin-left:10px; padding-top:3px; display:inline-block; text-align:center; font-size:18px; font-family:'Open Sans',sans-serif; border-radius:6px; text-decoration:none; color:black; border:solid 1px #d7d7d7; }
					.a-page-other:hover { font-weight:bold; background-color:#e8ddda; }
			.div-pagination-droite { float:right; width:15%; margin-top:5px; }
				
	.h1_visu_annonce { float:left; text-align:left; }
	
	.div_description_visu_annonce { float:left; width:100%; text-align:left; }
		.div-resume-vignette-annonce1 { float:left; width:100%; text-align:left; }
			.div-ce-vignette-annonce { color:black; }
			.div-ges-vignette-annonce { color:black; }
			.div-meuble-vignette-annonce { color:black; }
			.div-type-energie-vignette-annonce { color:black; }
			.div-type-boite-de-vitesse-vignette-annonce { color:black; }
		.div-description-vignette-annonce { float:left; width:100%; color:black; }
			.label-description-vignette-annonce{ color:black; font-weight:bold; }
	
	.div_publication_visu_annonce { float:left; width:100%; text-align:left; }
		.div-publication-vignette-annonce { color:black; }
			.label-publication-vignette-annonce { color:blue; font-weight:bold; }

	.div_vignettes_photos_visu_annonce { float:left; width:100%; margin-top:10px; border:solid 1px black; }
		.div-vignette-photo-select-visu-annonce { float:left; position:relative; width:100%; margin:5px 0px 0px 0px; text-align:center; }
			.div-vignette-img-photo-select-visu-annonce { float:left; width:100%; text-align:center; }
				.img-vignette-photo-select-visu-annonce { max-width:640px; }
			.div-fleche-gauche-vignette-annonce { position:absolute; top:100px; left:5px; width:64px; height:64px; cursor:pointer; background-image:url(/img/fleche-gauche-bleu-64.png); background-repeat:no-repeat; background-color: #F2F2F2; opacity:0.6; filter:alpha(opacity=60); border:solid 1px black; }
			.div-fleche-droite-vignette-annonce { position:absolute; top:100px; right:5px; width:64px; height:64px; cursor:pointer; background-image:url(/img/fleche-droite-bleu-64.png); background-repeat:no-repeat; background-color: #F2F2F2; opacity:0.6; filter:alpha(opacity=60); border:solid 1px black; }
		.div-vignette-photo-visu-annonce 			{ float:left; margin:5px 0px 0px 5px; padding:3px 3px 3px 3px; text-align:center; }
			.div-vignette-photo-visu-annonce:hover	{ padding:0px 0px 0px 0px; border:solid 3px blue; }
		.div-vignette-photo-visu-annonce-select 	{ float:left; margin:5px 0px 0px 5px; padding:0px 0px 0px 0px; text-align:center; border:solid 3px blue; }
			.div-vignette-img-photo-visu-annonce 	{ float:left; height:60px; text-align:center; }
				.img-vignette-photo-visu-annonce 	{ max-height:100%; cursor:pointer; }
		
	.div_contacter_visu_annonce { float:left; width:100%;  margin-top:10px; }
		.div-contacter-mail-annonce { float:left; width:50%; }
			.div-send-mail-annonce { float:left; width:48px; height:48px; cursor:pointer; background-image:url(/img/mail_send_48.png); background-repeat:no-repeat; color:#FEFEE2; font-weight:bold; }
				.div-send-mail-annonce:hover { background-image:url(/img/mail_send_hover_48.png); }
				.div-send-mail-annonce:active { background-image:url(/img/mail_send_active_48.png); }
			.div-send-mail-text-annonce { float:left; margin-top:10px; margin-left:10px; font-size:18px; font-weight:bold; cursor:pointer; }
		.div-voir-telephone-annonce {float:left;  width:50%; }
			.div-look-telephone-annonce { float:left; width:48px; height:48px; cursor:pointer; background-image:url(/img/voir_telephone_48.jpg); background-repeat:no-repeat; color:#FEFEE2; font-weight:bold; }
				.div-look-telephone-annonce:hover { background-image:url(/img/voir_telephone_hover_48.jpg); }
				.div-look-telephone-annonce:active { background-image:url(/img/voir_telephone_active_48.jpg); }
			.div-look-telephone-text-annonce { float:left; margin-top:10px; margin-left:10px; font-size:18px; font-weight:bold; cursor:pointer; }
	
		
/* -------------------- ALERTES -------------------- */
.div_alertes { float:left; width:100%; background-color: white; border:solid 1px black; }
	.div_resume_alertes { width:100%; font-size:18px; }
	.div_vignettes_alertes { width:100%; padding:0px 5px 0px 5px; }
		.hr-vignettes-alerte { width:100%; color:black; height:1px; }
		.div-detail-vignette-alerte { float:left; width:100%; margin:5px 0px 5px 0px; background-color:#C2C2C2; }

/* -------------------- MESSAGES -------------------- */
.div_messages { float:left; width:100%; background-color:white; }
	.div_resume_messages { width:100%; border:solid 1px black; }
		.div-resume-message { width:100%; font-size:18px; }
	.div_vignettes_messages { display: inline-block; font-size:18px; text-align:left; }
		.div-vignettes-messages { width:100%; }
			.hr-vignettes-messages { width:100%; color:black; height:1px; }
			.div-vignette-messages { float:left; width:auto; height:auto; margin:10px 0px 5px 10px; }
				.div-vignette-messages-transmis { float:left; width:auto; height:auto; background-color:#D1F7D0; border:solid 1px black; }
				.div-vignette-messages-transmis:hover { background-color:#E0F8F9; }
				.div-vignette-messages-recu { float:left; width:auto; height:auto; border:solid 1px black; }
				.div-vignette-messages-recu:hover { background-color:#E0F8F9; }
					.div_delete_message { float:right; width:140px; height:55px; }
						.div-supprimer-message { }
					.div-vignette-message { float:left; width:760px; min-height:150px; overflow:hidden; word-wrap:break-word; }
	
/* -------------------- ONGLETS -------------------- */
.onglets_mon_compte { width:100%; height:40px; margin:2px 0 0 0; }
.onglets_sul { float:left; margin:0; padding:5px 0px 0px 5px; list-style:none; }
.onglets_sli { float:left; margin:0px 0px 0px 10px; padding:0px 0px 0px 0px; cursor:pointer; border:1px solid black; }
.onglets_sa 
{	/* Pour IE Mac uniquement \*//*/   
	float:left;
	/**/
	display:block; padding:5px 10px 4px 4px; text-decoration:none; 
	font-family:Arial, sans-serif; font-size:14px; font-weight:bold; width:130px; height:24px; overflow: hidden; white-space: nowrap;
}
.onglets_sa:hover { color:green; }
.sli_activ { background:white; }
.sa_activ { background:white; color:blue; }
.sli_inactiv { background:#E6E6E6; }
.sa_inactiv {background:#E6E6E6; color:black; }
/* ------------------- PUBLIER --------------------*/
	.h1_publier_annonce { }
	.div_formulaire_annonce { width:90%; margin-left:auto; margin-right:auto; background-color:white; border:solid 1px midnightblue; }
		.h3_publier_annonce { background:midnightblue; color:white; }
		.p_comment_publier_annonce { width:100%; padding:5px 0px 5px 0px; color:#448; }
		.table_publier_annonce { width:100%; text-align:left; border-collapse:separate; border-spacing:5px; }
			.trlabel { width:100%; padding:5px 0px 5px 0px; text-align:left; }
			.tdlabel { width:220px; padding:5px 0px 5px 0px; text-align:right; }
				.label { width:100%; padding:5px 0px 5px 5px; color:black; font-weight:bold; }
			.trcontrole { width:100%; margin:2px 0px 2px 0px; }
				.divtrcontrole { width:100%; border:solid 0px black; }
				.divtrcontrole_description { width:100%; height:132px; border:solid 1px black; }
			.tdcontrole { margin:2px 0px 2px 0px; border-style:solid; border-color:rgb(169,169,169); border-width:1px; }
			.tdcontrole_outline { margin:2px 0px 2px 0px; border:solid 0px black; }
				.controle { width:100%; }
					.text { width:100%; color:black; }
					.text_area { height:130px; color:black; overflow:auto; }
					.class_select { }
						.class_select_categorie_option_title { color:white; background-color:midnightblue; }
						.class_select_categorie_option {}
						.class_select_scategorie_option { color:white; background-color:#8181b1; }
			.trcontroleradio { width:100%; margin:2px 0px 2px 0px; }
			.tdcontroleradio { border-style:solid; border-color:rgb(169,169,169); border-width:1px; }
				.div_group_montrer_telephone { float:left; width:50%; }
					.radiocontrole_montrer_telephone {  margin-left:10px; margin-right:10px; }
					.label_radiocontrole_montrer_telephone { cursor:pointer; }
				.div_group_annonceurs { float:left; width:100%; }
					.div_group_type_annonceur { float:left; width:50%; }
						.radiocontrole_annonceur { margin-left:10px; margin-right:10px; }
						.label_radiocontrole_annonceur { cursor:pointer; }
				.div_group_type_annonce { width:100%; }
					.div_group_type_annonce_offre { float:left; width:50%; }
					.div_group_type_annonce_recherche { float:left; width:50%; }
						.radiocontrole_annonce{ margin-left:10px; margin-right:10px; }
						.label_radiocontrole_annonce{ cursor:pointer; }
		.table_publier_photo { width:100%; text-align:left; border-collapse:separate; border-spacing:5px; }
			.trlabelphoto { width:100%; padding: 5px 0px 5px 0px; text-align:left; }
			.tdlabelphoto { width:220px; padding: 5px 0px 5px 0px; text-align:right; }
				.labelphoto { width:100%; padding: 5px 0px 5px 5px; font-weight:bold; }
			.trcontrolephoto { width:100%; margin:2px 0px 2px 0px; border:solid 1px black; }
			.tdcontrolephoto { border-style:solid; border-color:rgb(169,169,169); border-width:1px; }
				.table_load_photo { width:100%; text-align:left; border-collapse:separate; border-spacing:10px; }					
					.tdcontroleloadphoto { }
						.input_file { width:100%; font-weight:bold; }
					.tdcontroleprogressphoto { }
					.tdphoto { }
						.div-vignettes-photos { overflow:hidden; }
							.div-vignette-photo 			{ float:left; width:160px; height:190px; margin:10px 0px 0px 10px; padding:2px 2px 2px 2px; text-align:center; border-style:solid; border-color:rgb(169,169,169); border-width:1px; }
								.div-vignette-photo:hover	{ padding:0px 0px 0px 0px; border:solid 3px blue; }
							.div-vignette-photo-select		{ float:left; width:160px; height:190px; margin:10px 0px 0px 10px; padding:0px 0px 0px 0px; text-align:center; border:solid 3px blue; }
								.div-vignette-img-photo 	{ width:100%; height:120px; vertical-align:middle; cursor:pointer; }
									.img-vignette-photo 	{ max-width:100%; max-height:120px; }
								.div_supprimer_photo { width:100%; margin-top:5px; margin-bottom: 0px; }
								.div_orienter_photo { width:100%; margin-top:5px; margin-bottom: 0px; }
		.table_valider_annonce { width:100%; text-align:left; border-collapse: separate; border-spacing: 5px; }
				.tdcontrolevalider { margin:2px 0px 2px 0px; }
					.div_button_valider { width:100%; margin-top:10px; margin-bottom:10px; text-align:center; }
/* ---------------------- PUBLIER OK ------------------ */
		.h1_publier_annonce_ok { }
		.div_details_annonce_ok { width:90%; margin-left:auto; margin-right:auto; background-color:white; border:solid 1px midnightblue; }
			.h3_publier_annonce_ok { width:100%; padding:1px 0px 2px 0px; text-align:center; background:midnightblue; color:white; }
		.h1_supprimer_annonce_ok { }
		.div_details_supprimer_annonce_ok { width:610px; margin-left:auto; margin-right:auto; background-color:white; border:solid 1px midnightblue; }
			.h3_supprimer_annonce_ok { width:100%; padding: 1px 0px 2px 0px; text-align:center; background: midnightblue; color: white; }
				
.cursor { cursor: pointer; }
.display-none { display: none; }
.display-block { display: block; }