/*
 * styles css & design <annoncer.fr>
 * by Sylvain Deloux - 2006
 */

*{
	margin:0;
	font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
}
body{
	color:#000;
	cursor:default;
	background:#ddd;
}
body,input,select,textarea{
	font-size:11px;
}
#warning{
	display:none;
}
#overDiv{
	position:absolute;
	visibility:hidden;
	z-index:1000;
}
.rouge,.boxrouge,.sprouge{
	color:red;
}
.orange,.boxorange,.sporange{
	color:orange;
}
.vert,.boxvert,.spvert{
	color:green;
}
.rouge,.vert,.orange,.boxrouge,.boxvert,.boxorange{
	font-weight:bold;
}
.boxrouge,.boxorange,.boxvert{
	border:2px solid;
	padding:5px;
	margin:20px 100px;
	display:block;
	text-align:center;
}
p{ /* bug ie 6 */
	position:relative;
}

/* structure */
	a,a *,label,area{
		cursor:pointer;
		cursor:hand;
	}
	a{
		text-decoration:none;
		color:#a30000;
	}
	a:hover{
		text-decoration:underline;
		color:#f90;
	}
	a img{
		border:none;
	}
	.icons a:hover{
		text-decoration:none;
	}
	.icons a img{
		border:none;
		vertical-align:middle;
		padding:2px;
	}
	h1{
		font-size:18px;
		font-weight:bold;
		padding:0.5em 0;
		color:#6696c7;
		letter-spacing:2px;
		text-align:center;
		padding-top:20px;
	}
	h2{
		border-bottom:1px solid;
		font-size:15px;
		font-weight:normal;
		margin:1em 0;
		padding:0;
		color:#f90;
	}
	.presentation h2{
		color:#449df1;
	}
	h2#fil_ariane{
		border:none;
		margin:0.5em 0 0.4em 0;
		font-weight:bold
	}
	h2#fil_ariane a{
		text-decoration:underline;
		color:#900;
	}
	h2#fil_ariane a:hover{
		color:#f90
	}
	h3{
		border-bottom:1px solid #eee;
		margin:1em 0;
		font-size:14px;
		/*font-weight:normal;*/
	}
	p,ul{
		padding:0.5em 0
	}
	ul{
		list-style:none;
		padding:0;
	}

/* positionnement */
	#deco_header{
		background:#9f9f9f;
		height:75px;
		right:0;
		left:0;
		top:0;
		width:100%;
	}
	#header{
		height:84px;
		position:absolute;
		top:0;
		left:0;
		right:0;
		background:url(pics/titre.gif) no-repeat center;
		width:100%;
	}
	#contenu_header{
		width:800px;
		height:84px;
		margin:0 auto;
	}
	#global{
		background:#ddd url(pics/fond.gif) repeat-y center;
		margin-top:9px;
	}
	#colonne{
		width:800px;
		margin-left:auto;
		margin-right:auto;
		background:url(pics/menu.gif) repeat-y;
		border-bottom:1px solid #9ab0c5;
		height:4.5ex;
	}
	#main{
		width:780px;
		margin-left:auto;
		margin-right:auto;
	}
	#footer{
		width:790px;
		margin-left:auto;
		margin-right:auto;
		background:url(pics/menu.gif) repeat-y;
		border-top:1px solid #9ab0c5;
		clear:both;
		padding:5px;
	}

/* noscript */
	#noscript{
		position:fixed;
		z-index:500;
		background:white;
		border:5px solid red;
		padding:20px;
		font-size:15px;
		top:200px;
		left:200px
	}

/* header */
	#header h1{
		display:none;
	}
	#header .share{
		color:#999;
		font-size:18px;
		padding:0 5px;
		text-align:right;
		word-spacing:1em;
	}
	#header .share strong{
		font-weight:normal
	}
	#header .slogan{
		color:#ff581b;
		font-size:14px;
		padding:30px 5px 0 230px;
	}
	#header .slogan em{
		font-style:normal
	}

/* menu */
	#colonne h2{
		display:none;
	}
	#colonne a{
		font-weight:bold;
	}
	#mainmenu ul,#log p{
		padding:0;
	}
	#mainmenu ul li,#log ul li,#log em{
		float:left;
		padding:0 0.5em;
		line-height:3.5ex;
		height:3.5ex;
	}
	#mainmenu ul li+li,#log ul li+li{
		border-left:1px solid #bbb;
	}
	#log{
		float:right;
		height:3.5ex;
		padding-right:10px;
	}
	#log p{
		line-height:3.5ex;
	}
	#log input{
		width:75px;
		border:1px solid #9ab0c5;
		color:#225;
		font-size:10px;
		padding:2px;
		height:2.5ex;
	}
	#log #btn_ok_log{
		width:2em;
		border:none;
		background:transparent;
		color:#a30000;
		cursor:hand;
		cursor:pointer;
		padding:0;
		font-weight:bold;
		height:2.5ex;
	}

/* page_accueil */
	#index{
		width:770px;
		margin:5px auto;
	}
	.nb{
		font-size:10px;
		color:#999;
		display:none; /*temporaire?*/
	}
	#liens{
		text-align:center;
		font-size:12px;
		font-weight:bold;
		padding-bottom:15px
	}
	#carte_france h2,#categories h2{
		margin:0 1em 0.5em 0;
	}
	#carte_france{
		float:left;
		width:310px;
	}
	#carte_france img{
		border:none;
	}
	#carte_france #nom_region{
		text-align:center;
		font-weight:bold;
		color:#9ab0c5;
	}
	#carte_france #geoloc{
		text-align:center;
	}
	#categories{
		margin-left:310px;
	}
	#categories ul li.categorie{
		float:left;
		width:215px;
		height:120px;
		margin:5px;
	}
	#categories ul li.categorie ul li{
		float:left
	}
	#categories li.categorie img{
		vertical-align:top;
		padding:1px;
		border:1px solid #9ab0c5;
		margin-right:5px;
		float:left;
		background:white;
	}
	#categories li.categorie strong{
		font-size:15px;
		display:block;
	}
	#categories li.categorie strong a{
		color:white;
	}
	#categories a:hover{
		text-decoration:underline;
		color:black;
	}
	#categories .ss_categories{
		margin-left:76px;
		display:block;
	}

/* pub accueil */
	#pub_accueil{
		width:728px;
		height:90px;
		clear:both;
		margin:0 auto;
	}

/* formulaires */
	label.eax{
		text-align:right;
		float:left;
		width:220px;
		line-height:3.5ex;
		margin-right:10px;
		font-weight:bold;
	}
	label.eax:hover{
		text-decoration:none;
	}
	label:hover{
		text-decoration:underline;
	}
	label.noline:hover{
		text-decoration:none;
	}
	form code{
		line-height:3.5ex;
		font-weight:bold;
	}
	form input{
		border:1px solid #9ab0c5;
		color:#225;
		font-size:11px;
		padding:2px;
		/*height:2.5ex;*/
	}
	form select{
		border:1px solid #9ab0c5;
		color:#225;
		font-size:11px;
	}
	form textarea{
		border:1px solid #9ab0c5;
		color:#225;
		font-size:11px;
		width:530px;
		padding:3px
	}
	#btn_form{
		clear:both;
		border:1px solid #9ab0c5;
		color:#35474F;
		width:300px;
		text-align:center;
		margin:20px auto;
		background:#b6cfe7;
		padding:2px;
	}
	#btn_form p{
		padding:0;
	}
	#btn_form input{
		border:1px solid #9ab0c5;
		color:#225;
		font-size:11px;
		padding:2px;
		height:4ex;
		margin:5px;
		width:120px;
		cursor:pointer;
		cursor:hand;
		background:#e7eff7;
	}
	.zonedepot{
		background:#f5f5f5;
		border:1px solid #e5e5e5;
		padding:20px;
		clear:both;
	}
	.inputborder{
		border:none;
	}
	fieldset{
		border:none;
		padding:0;
	}
	legend{
		display:none;
	}

/* alerte validation */
	#alerte_valid{
		border:5px solid #900;
		padding:5px;
		background:#f90;
		color:white;
		margin-bottom:20px;
	}
	#alerte_valid strong{
		font-size:15px;
		color:#900;
	}
	#alerte_valid p{
		padding:1pt 0;
		font-size:13px;
		text-align:justify
	}
	#alerte_valid a{
		color:#900;
		font-weight:bold;
		text-decoration:underline;
	}
	#alerte_valid a:hover{
		color:#f00;
	}

/* listing d'annonces */
	#listing #google_listing{
		float:right;
		width:160px;
		height:600px;
	}
	#listing p{
		margin-right:160px;
	}

/* affichages tableaux */
	.liste,.liste_globale{
		border-collapse:collapse;
		empty-cells:show;
		margin:10px auto;
	}
	.liste_globale{
		margin:0;
	}
	.liste_globale thead{
		border-bottom:2px solid #fff0dc;
	}
	.liste_globale .sortcol{
		cursor: pointer;
		padding-right: 10px;
		background-repeat: no-repeat;
		background-position: right center;
	}
	.liste_globale .sortasc{
		background-image: url(pics/up.png);
		color:#ff581b;
	}
	.liste_globale .sortdesc{
		background-image: url(pics/down.png);
		color:#ff581b;
	}
	.liste_globale .nosort{
		cursor: default;
	}
	.liste_globale a,.liste_globale a:hover{
		text-decoration:none;
		display:block
	}
	.liste{
		border:1px solid #ddd;
	}
	.liste tr:hover,.tr_1:hover,.tr_2:hover{
		background:#fff0dc
	}
	.rowodd{
		background:#fff;
	}
	.roweven{
		background:#fff8f0;
	}
	.liste_globale h3{
		font-size:13px;
		color:#ff581b;
border:none;
margin:0;
	}
	.liste td{
		padding:5px;
		border:1px solid #ddd;
	}
	.liste_globale td{
		padding:5px 5px 0 0
	}
	.liste .head th,.liste .foot th{
		background:#e7eff7;
		text-align:left;
		padding:5px;
		color:#ff5300
	}
	.liste_globale .type_user{
		color:#555;
		padding-right:5px
	}
	.liste_globale .categ_annonce{
		font-style:italic;
		color:#bbb;
	}
	.liste_globale img.miniature{
		padding:1px;
		border:1px solid #dfdfdf;
		background:#fff;
	}
	.liste a img,.liste_globale a img{
		border:none
	}
	#choix_aff{
		text-align:right;
		padding:0 0 5px 0;
	}
	#pagination{
		text-align:center;
		clear:left;
	}
	#pagination em{
		color:#999;
	}
	#legend{
		text-align:center;
		clear:both;
	}

/* galerie */
	ul.galerie li{
		float:left;
		text-align:center;
		border:1px solid #eee;
		width:203px;
		margin:0 0 1px 1px;
	}
	ul.galerie .aphoto{
		height:135px;
		width:203px;
		margin:1px
	}
	* html ul.galerie li{
		width:201px;
	}
	* html ul.galerie .aphoto{
		width:201px;
	}
	ul.galerie .prix{
		color:#090;
	}
	ul.galerie .icones{
		height:21px;
		padding:0;
		display:block;
	}
ul.galerie h3{
border:none;
font-size:12px;
color:#f90;
margin:0;
}

/* affichage annonce */
	#zone_annonce{
		clear:both;
	}
	#zone_annonce #float_annonce{
		float:right;
	}
	#zone_annonce #pub_annonce_vert{
		margin:10px auto;
		text-align:center;
		position:relative;
		z-index:100;
	}
	#zone_annonce #details{
		border-collapse:collapse;
		border:1px solid #9ab0c5;
		background:#e7eff7;
		margin:0 0 1em 1em;
		width:230px;
	}
	#zone_annonce #details th{
		text-align:right;
		padding:5px
	}
	#zone_annonce #details td{
		padding:5px
	}
	#zone_annonce #details td img{
		border:1px solid #9ab0c5;
		padding:1px;
	}
	#zone_annonce #photos{
		border-top:1px solid #aaa;
		border-bottom:1px solid #aaa;
		background:#eee;
		padding:0;
		margin-right:240px;
	}
	#zone_annonce #photos img{
		border:1px solid #ddd;
		padding:1px;
		background:white;
		margin:3px 2px 0 3px;
	}
	#zone_annonce #video_annonce{
		text-align:center;
		padding-top:5px;
	}


/* affichage annonce (confirmation) */
	.resume strong{
		float:left;
		width:150px;
		text-align:right;
		padding-right:10px;
	}
	.resume em.sporange,.resume .contenu{
		font-style:normal;
		display:block;
		padding-left:160px;
	}
	.resume span.retour{
		padding-left:20px;
	}
	.resume span.retour a:hover,.resume span.retourssmarge a:hover{
		text-decoration:none
	}

/* formulaire de contact (contact, annonce, illicite) */
	#form_contact input,#form_contact textarea{
		border:1px solid #aaa
	}
	#form_contact textarea{
		width:99%;
		height:100px
	}
	#form_contact #btn_ok{
		width:50px;
		font-weight:bold;
		height:2em
	}
	#envoiencours, #messagerie .waitreply{
		height:150px;
		color:#777;
		text-align:center;
		padding-top:100px;
		font-style:italic;
	}

/* moteur de recherche */
	#lien_masquer,#lien_afficher{
		padding:0 0 5px 0;
	}
	.lien_ask{
		color:#f90;
	}
	.lien_ask a{
		color:#900;
		text-decoration:underline;
		font-weight:bold;
	}
	.lien_ask a:hover{
		color:#f90;
	}
	#zone_rech{
		border:1px solid #e0e0e0;
		border-width:0 1px 1px 1px;
		padding:2px;
		background:#f5f5f5;
		margin-bottom:5px;
	}
	#zone_rech #moteur{
		margin-top:5px;
	}
	#zone_rech p{
		padding:0;
	}
	#zone_rech .eaxx{
		font-weight:bold;
	}
	#zone_rech .eaxx:hover{
		text-decoration:none;
	}
	#simple p{
		float:left;
		margin-right:10px;
	}
	#select_simple{
		text-align:right;
		clear:both;
	}
	#select_simple,#select_expert{
		width:250px;
	}
	#expert,#select_expert{
		clear:both;
		padding:10px 0 0 30px;
	}
	#r_col1{
		border-right:1px solid #ddd;
		padding-right:5px;
		width:340px;
	}
	#vars_dyn{
		float:right;
		width:390px;
	}
	#r_col1 p,#vars_dyn p{
		padding-bottom:5px;
	}
	#r_col1 .eaxx{
		padding-right:5px;
		width:120px;
		float:left;
	}
	#vars_dyn .eaxx{
		padding-right:5px;
		float:left;
		width:120px;
	}
	#r_submit{
		clear:both;
		text-align:center;
		padding-top:5px;
	}
	#rech_wait{
		clear:both;
		text-align:center;
		padding:10px;
	}
	#zone_rech #btn_submit{
		border:1px solid #ff9c07;
		color:#900;
		font-size:12px;
		padding:2px;
		height:4ex;
		margin:5px;
		width:150px;
		cursor:pointer;
		cursor:hand;
		background:#f5f5f5;
	}

/* messagerie */
	#messagerie{
		border:1px solid #ccc;
	}
	#messagerie td{
		border:1px solid #ccc;
		padding:5px
	}
	#messagerie .affmsg{
		font-style:italic;
		color:#555;
		margin:30px;
	}
	#messagerie .wait{
		padding:5px;
		color:#ccc;
	}
	#messagerie .lien_ask{
		text-align:right;
		float:right
	}
	#messagerie td form textarea{
		width:97%;
		border:1px solid #f90;
		padding:2px;
		margin:5px;
		height:100px;
		font-size:11px;
	}
	#messagerie .waitreply{
		height:100px;
	}

/* zone de videos */
	ul.videos{
		width:780px;
		margin-top:10px;
	}
	ul.videos li{
		float:left;
		width:122px;
		height:140px;
		text-align:center;
	}
	ul.videos a img{
		padding:3px;
		border:1px solid #999;
		background:white;
	}
	ul.videos a:hover img{
		padding:2px;
		border:2px solid #c40000;
	}

/* etapes de depot */
	#etapes li{
		float:left;
		width:152px;
		height:43px;
		text-align:center;
		margin:0 2px 10px 0;
		color:#fc3;
	}
	#etapes li em{
		font-style:normal;
		font-weight:bold;
		color:white;
		font-size:13px;
		line-height:24px
	}
	#etapes li strong{
		font-weight:normal;
	}
	#etapes li a{
		display:block;
		color:black;
	}
	#etapes li a:hover{
		text-decoration:none;
	}
	#etapes li.finished{
		background:url(pics/etape_finished.gif) no-repeat center;
	}
	#etapes li.finished strong{
		color:#fc9
	}
	#etapes li.finished:hover{
		background:url(pics/etape.gif) no-repeat center;
	}
	#etapes li.finished:hover strong{
		color:white
	}
	#etapes li.current{
		background:url(pics/etape.gif) no-repeat center;
	}
	#etapes li.current strong{
		color:white;
	}
	#etapes li.next{
		background:url(pics/etape_next.gif) no-repeat center;
	}
	#etapes li.next strong{
		color:#9ab0c5;
	}
	.description_etape{
		font-style:italic;
		color:#666;
		margin:10px 0 10px 250px;
		border-left:5px solid #ddd;
		padding:0;
		padding-left:10px
	}

/* alerte beta */
	#beta{
		position:absolute;
		z-index:1000;
		border:2px solid #f90;
		padding:3px;
		top:10px;
		left:10px;
		background:white
	}

/* zone debug */
	#eax{
		position:absolute;
		top:5px;
		right:5px;
		z-index:10000;
		text-align:right;
	}
	#eax #debug{
		text-align:left;
		background:white;
		width:600px;
		max-height:300px;
		overflow:auto;
		border:2px solid #d65c33;
		padding:5px;
	}

	.presentation{
		clear:both;
	}
	.presentation img{
		float:left;
		padding:0 10px 10px 0;
	}
	.presentation p{
		line-height:20px;
	}
	
/* fix ie7 bug google map */
	#googlemap{
		position:absolute;
		top:247px;
		z-index:1000;
	}