/* CSS Document */
*{
	margin:0px; padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	list-style:none;
}
#menu, #logo,.present, .partage, #polaroid, #membre, #annonce, #toplog, #access_compte, #colonne_droite, .back_liste, .outils, .contact_membre, .gall_annonce {display:none;}

#intro{
   color:#56B607;
   font-size:50px;
   font-weight:bold;
   letter-spacing:-1px;
}

.present{padding:15px;padding-bottom:0px; }


/************ SMENU **********/
.smenu{
	width:257px; height:172px;
	background:url(../fond/bg_smenu.jpg) no-repeat top left;
	margin-left:10px;
}
.smenu ul{margin-left:85px; padding-top:12px;margin-right:15px;}
.smenu .last{border-bottom:none;}
.smenu li{border-bottom:1px solid #D1D1D1; padding-bottom:3px;margin-bottom:4px; width:150px; padding-left:5px;}
/*.smenu a{font-size:1.2em; font-weight:bold;letter-spacing:1px;}
.a{color:#FB201A;}.b{color:#6FC0DD;}.c{color:#FF32BE;}.d{color:#FFC12D;}.e{color:#6FD020;}.f{color:#FF7521;}*/

.smenu a{font-size:1.2em;color:#000000;}
.a{background:url(../element/fleche_bleu.gif) no-repeat center right;} .a a:hover{color:#6FC0DD}
.b{background:url(../element/fleche_rouge.gif) no-repeat center right;} .b a:hover{color:#FB201A}
.c{background:url(../element/fleche_rose.gif) no-repeat center right;} .c a:hover{color:#FF32BE}
.d{background:url(../element/fleche_jaune.gif) no-repeat center right;} .d a:hover{color:#FFC12D}
.e{background:url(../element/fleche_verte.gif) no-repeat center right;} .e a:hover{color:#6FD020}
.f{background:url(../element/fleche_orange.gif) no-repeat center right;} .f a:hover{color:#FF7521}


/*******  ******/
#ident{display:none;}
.ident label{display:block; clear:both;}
.ident input{border:1px solid #666666; width:250px;}

/********************************* FORMULAIRE INSCRIPTION ************************/
#inscript{
	position:relative;
	margin-left:15px;
	width:98%;
}
#inscript fieldset{
	border:1px solid #7A6F73;
	background-color:#F4F4F6;
	padding:10px;
	margin-bottom:10px;
	margin-right:15px;
}
#inscript legend{padding:5px; font-size:1.4em; color:#B61647; font-weight:bold;}
#inscript label{ display:block; width:180px; float:left; text-align:right; padding-right:15px; margin-bottom:5px;}
#inscript input, #inscript select, #inscript textarea{width:250px; border:1px solid #333333; margin-bottom:5px;}
#inscript textarea{height:100px;}
#check{ width:20px!important; vertical-align:middle; margin-left:50px;}
.captch{margin-bottom:10px;}
.subinsc{margin-top:-10px; background-color:#B61647; color:#FFFFFF; font-size:1.1em;cursor:pointer; width:98%!important;}
.field{margin-top:0px; height:88px;}

/******************************** HAUT DE PAGE *******************************************/
#contenu{
	padding-top:10px;
	padding-left:-10px;
}
/***********************  ****************/
#annonce_fiche{
	min-height:326px;
	height:auto!important; height:326px;
	padding:10px;
}
#annonce_fiche h1{
	color:#0DAED4;
	font-size:1.6em;
	padding-top:3px;
	padding-bottom:10px;
	border-bottom:1px dotted #666666;}

.depos_annonce{
	background:url(../element/commun/ombre.gif) repeat-x top left;
	width:575px;
	display:block;
	margin-top:10px;
	padding-left:11px;
	padding-top:10px;
	color:#4B4B4B;
	font-weight:bold;
	margin-bottom:8px;
}
.top_annonce{
	min-height:109px;
	height:auto!important;height:109px;
	border:1px solid #C4C4C4;
	margin-left:8px;
	padding-left:12px;padding-right:12px;
	padding-top:10px;
}
.top_annonce img{float:left; display:block;margin-top:2px; }
.resume{
	display:block;
	width:400px;
	margin-left:115px;
	padding-top:5px; padding-bottom:3px;
	border-bottom:1px solid #FFFFFF;
	color:#4B4B4B;
}
.resume span{font-weight:bold;}

.desc_annonce{ position:relative; display:block; padding-top:20px;padding-left:10px;}
.text_annonce{
	float:left;
	min-width:225px;	
	width:auto!important;width:225px;
	padding-right:10px;
}
.text_annonce_left{
	float:left;
	width:225px;
	padding-right:10px;
}
.gall_annonce{
	float:right;
	width:335px;
	background:url(../element/commun/point_vert.gif) repeat-y top left;
	padding-left:10px;
}
.zoom img{border:1px solid #000000; width:328px;}
.zoom{
	padding-bottom:10px;
	border-bottom:2px solid #CECECE;
	margin-bottom:10px;
}
.miniature img{margin-right:3px; border:none!important;}

.commo_loc{
	display:block;
	clear:both;
	background-color:#ECECEC;
	width:547px;
	margin-left:8px;
	padding-left:12px;padding-right:12px;
	padding-top:10px;padding-bottom:10px;
	margin-top:15px;
}
.comm1{float:left; width:145px;}
.comm2, .comm3{float:left; width:185px;padding-left:15px;}
.comm1, .comm2{border-right:1px solid #B9B9B9; min-height:110px;height:auto!important;height:110px;}
.commo_loc h2{color:#4B4B4B;}
.commo_loc ul{margin-top:10px;}
.commo_loc li{color:#8F8F8F;padding-left:15px;}
.commo_valid{
	background:url(../element/commun/valid.gif) no-repeat center left;
	color:#000000!important;
}


#colonne_gauche{
	width:70%;
	float:left;
	margin-left:-10px;
}

.partage{
	float:left!important;
	height:32px;
	margin-top:20px;
	border-top:1px dotted #999999;
	padding-top:8px;
	padding-left:10px;
	width:100%;
}
.partage img{ vertical-align:middle; margin-right:5px;}

.gere{
	font-size:1.8em; font-weight:bold; color:#C60903; margin-left:20px; font-variant:small-caps;
}
.gere_annonce{
	background-color:#EEEEEE;
	margin-left:20px;
	margin-top:10px;
}
.gere_annonce th, .gere_annonce td{padding:3px;}
.gere_annonce td{border-bottom:2px solid #FFFFFF;}
.gere_annonce thead{
	background-color:#9E1D46;
	color:#FFFFFF;
	font-weight:bold;
}
.gere_annonce a{color:#1E4C72;}.gere_annonce a:hover{ text-decoration:underline;}

/************ CHOIX DEPOT *************/
#choix{
	position:relative;
	margin-left:auto; margin-right:auto;
	width:740px;
}
#choix h1{font-size:1.6em; margin-bottom:10px;border-bottom:1px dotted #E10D04; color:#E10D04}
.choix_loc, .choix_dem, .choix_vac, .choix_voit, .choix_comp, .choix_lois{
	display:block;
	width:195px; height:28px;	
	float:left; 
	margin-right:20px;
	margin-left:10px;
	margin-bottom:10px;
	padding-top:158px;
	text-align:right;
	padding-right:20px;
	 font-weight:bold;
	 font-size:1.1em;
}


.choix_loc{background:url(../element/pola_coloc.jpg) no-repeat top left;color:#FF2400;}
.choix_dem{background:url(../element/pola_codem.jpg) no-repeat top left;color:#FFB911;}
.choix_vac{background:url(../element/pola_covac.jpg) no-repeat top left;color:#FF32BE;}
.choix_voit{background:url(../element/pola_covoit.jpg) no-repeat top left;color:#6EC0DC;}
.choix_comp{background:url(../element/pola_cocomp.jpg) no-repeat top left;color:#6FD020;}
.choix_lois{background:url(../element/pola_coloi.jpg) no-repeat top left;color:#FF7521;}

#messages{
	position:absolute;
	z-index:1000;
	margin-top:225px;
	margin-left:225px;
	width:450px;
	min-height:20px;
	height:auto!important;height:20px;
	background-color:#EA1006;
	border:4px solid black;
	padding:20px;
	padding-top:30px;
	padding-bottom:10px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
}
.close{position:absolute;text-align:right; left:0px;padding-right:10px; padding-top:2px; padding-bottom:3px; top: 0px; color:#FFFFFF; font-weight:normal; border-bottom:1px dotted #FFFFFF; width:480px; background-color:#FFFFFF; color:#000000;}

/********************************* FORMULAIRE DEPOT ************************/
#depot{
	position:relative;
	margin-left:auto; margin-right:auto;
	width:98%;
}
#depot fieldset{
	border:1px solid #887779;
	background-color:#F4F4F6;
	padding:10px;
	margin-bottom:5px;
	width:570px;
	float:left;
	margin-right:10px;
}
#depot legend{padding:5px; font-size:1.4em; color:#9E1D46; font-weight:bold;}
#depot label{width:180px; float:left; text-align:right; padding-right:15px; margin-bottom:5px;}
#depot input, #depot select, #depot textarea{width:280px; border:1px solid #333333; margin-bottom:5px;}
#depot .localisation{width:100%; display:block;}
.check{ width:20px!important; vertical-align:middle; margin-left:5px;}
.radio{width:20px!important; vertical-align:middle; margin-left:5px;}
.divchoix{width:480px;  margin-bottom:5px;}

.conseil{width:550px;float:left;padding:10px;}
.sub_annonce{ background-color:#9E1D46; color:#FFFFFF; border:none; cursor:pointer;}

.encartphoto{min-height:100px!important; height:auto!important; height:100px;}

.encartphoto img{border:1px solid #666666}
.uploader{width:230px;float:left}
#liste_photos{width:325px; float:right;}
.photo{float:left;margin-right:10px;}
.suppr_photo{border:none!important; display:block; margin-bottom:5px;}


.date{vertical-align:bottom;}

/****************** INVITFORM *********************/
#invitform{
	position:relative;
	margin-left:20px;
	width:98%;
}
#invitform legend{color:#5C4F53;padding:5px; font-size:1.2em;font-weight:bold}
#invitform legend img{float:left; margin-right:5px;}
#invitform fieldset{border:1px solid #BCBCBC;background-color:#F4F4F6;padding:10px;margin-bottom:5px;margin-right:10px;}
#invitform .typemail{ float:left;margin-bottom:15px; border-right:1px solid #999999; border-bottom:1px solid #999999;margin:5px;}
#invitform input{border:1px solid #848484; margin-left:4px; margin-right:7px;}
#invitform textarea{ width:350px; height:150px;border:1px solid #848484; margin-left:50px; margin-right:7px; vertical-align:top;}
#invitform .sub img{border:none;margin-left:129px; margin-top:15px;}
#confirm_invit{
	width:554px;
	min-height:20px;
	margin-top:10px;
	height:auto!important;height:20px;
	background-color:#AC1D48;
	border:2px solid black;
	padding:15px;
	text-align:center;
	color:#FFFFFF;
}
#confirm_invit h4{font-size:1.3em;font-weight:normal;letter-spacing:1px;}

/***************** TITRE ********************/
h1{font-size:1.6em; color:#A11E46; margin-left:15px; margin-bottom:10px;margin-top:10px;}





/**** PIED ****/
#pied{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:900px;
	display:block;
	font-size:0.9em;
	text-align:center;
	margin-top:20px;
	margin-bottom:15px;
}
#pied a{color:#000000;}
/**** OUTIL ****/
#spacer{clear:both; height:1px;}

.urlprint{color:#3B5686;font-size:12px; margin-top:5px;}
.logoprint{float:right; letter-spacing:3px;}
#decoup{position:absolute;right:5px;top:220px;width:220px;text-align:right;}
.decoup{font-size:11px; padding:2px; border:1px dashed #666666; border-right:none;border-bottom:none;}
.lastdecoup{border-bottom:1px dashed #666666;}
#decoup strong{color:#56B607;}