@charset "utf-8";
* {margin:0; padding:0}

html,body{text-align:center;background-color:#190e16;}


input,select,textarea{border:none;background-color: #e7caab;font-size: 12px;line-height:20px;color:#190e16;font-family:Arial;}

input{padding-top:4px;}

a img{border:none;}

#page{
position: relative;
width:992px;
margin-left:auto;
margin-right:auto;
background:url(./Images/fond.jpg) repeat-y top left;
margin-bottom:35px;
}

#menu{position:absolute;top:0px;left:10px;}

#contenuPage{
width:976px;
padding-left:8px;
padding-right:8px;
text-align:left;
margin-left:auto;
margin-right:auto;
}


#header{
	margin-top:35px;
	width:992px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	height:164px;
	padding-top:15px;
	background:url(./Images/haut_page.jpg) no-repeat top left;
}
	
#contenu{
	height:375px;
	padding-bottom:15px;
	}
html>body #contenu{
	min-height:375px;
	height:auto;
	}

#menu{padding-left:20px;}

.sousMenu{
	padding-top:35px;
	}

.cadre_accueil{
	text-align:center;
	width:165px;
	height:145px;
	padding:15px;
	background:url(./Images/cadre_accueil.png) no-repeat top left;
}

.cadredroit_haut{
	background:url(./Images/fond_cadredroit_haut.png) no-repeat top left;
	width:207px;
	height:35px;
}

.cadredroit_milieu{
	text-align:left;
	background:url(./Images/fond_cadredroit_milieu.png) repeat-y top left;
	width:159px;
	padding:0 24px;
	height:300px;
}

html>body .cadredroit_milieu{
	height:auto;
	min-height:300px;
}

.cadredroit_bas{
	background:url(./Images/fond_cadredroit_bas.png) no-repeat top left;
	width:207px;
	height:35px;
}

.cadremessage_haut{
	background:url(./Images/fond_cadremessage_haut.png) no-repeat top left;
	width:525px;
	height:35px;
}

.cadremessage_milieu{
	text-align:left;
	background:url(./Images/fond_cadremessage_milieu.png) repeat-y top left;
	width:477px;
	padding:0 24px;
	height:200px;
}

html>body .cadremessage_milieu{
	height:auto;
	min-height:200px;
}

.cadremessage_bas{
	background:url(./Images/fond_cadremessage_bas.png) no-repeat top left;
	width:525px;
	height:35px;
}

#champsObjet{
	background:url(./Images/fond_texte1.png) no-repeat top left;
	width:355px;
	height:25px;
	padding:4px 7px;
}
#champsMessage{
	background:url(./Images/fond_texte2.png) no-repeat top left;
	width:464px;
	height:141px;
	padding:4px 7px;
}

td.listeCategories{
	background:url(./Images/fond_categories.png) no-repeat top left;
	width:283px;
	height:45px;
	text-align:center;
	vertical-align:top;
	padding:7px 0 13px 0;
	font-weight: bold;
	}

.cadre_annonces_accueil_haut{
	background:url(./Images/fond_cadre_annonces_accueil_haut.png) no-repeat top left;
	width:241px;
	height:28px;
}

.cadre_annonces_accueil_milieu{
	text-align:left;
	background:url(./Images/fond_cadre_annonces_accueil_milieu.png) repeat-y top left;
	width:193px;
	padding:0 24px;
	height:300px;
}

html>body .cadre_annonces_accueil_milieu{
	height:auto;
	min-height:300px;
}

.cadre_annonces_accueil_bas{
	background:url(./Images/fond_cadre_annonces_accueil_bas.png) no-repeat top left;
	width:240px;
	height:26px;
}
.listeAnnonces td{
	padding:1px;
	vertical-align: middle;
	font-weight:bold; 
	}	
	
.listeAnnonces th{
	text-align:center;
	vertical-align: middle;
	}		

.listeAnnonces td.ligneAnnonce{
	background:url(./Images/fond_listeAnnonces.png) no-repeat 1px 1px;
	width:810px;
	height:49px;
	padding: 0;
	}


.pagination a{
	color:#b69d81;
	text-decoration:none;
	}

.pagination a:hover{
	text-decoration: underline;
	}
	
.pagination a.paginationSelected{
	font-weight:bold;
	font-size: 14px;
}

#detail_haut{
	background:url(./Images/detail_haut.gif) no-repeat top left;
	width:657px;
	padding: 20px 145px 0 145px;
	}
	
.table_droite td{text-align: right;padding-bottom: 5px;}	
	
td.detail_categorie{
	background:url(./Images/detail_categorie.gif) no-repeat top left;
	width:375px;
	height:50px;
	text-align: center;
	padding-top:15px;
	vertical-align: top;
	font-weight: bold;
	}
	
#detail_image{
	background:url(./Images/detail_image.gif) no-repeat top left;
	width:184px;
	height:202px;
	text-align: center;
	padding-top:13px;
	}
	
#detail_cadre_haut{
	background:url(./Images/detail_cadre_haut.gif) no-repeat top left;
	width:644px;
	height: 11px;
	}
	
#detail_cadre_milieu{
	background:url(./Images/detail_cadre_milieu.gif) repeat-y top left;
	width:624px;
	padding: 0 10px;
	color:#190e16;
	}
	
#detail_cadre_bas{
	background:url(./Images/detail_cadre_bas.gif) no-repeat left top;
	width:644px;
	height: 11px;
	}

#detail_bas{
	background:url(./Images/detail_bas.gif) no-repeat top left;
	width:947px;
	height: 31px;
	}
	
#connexion{
	background:url(./Images/connexion.gif) no-repeat top left;
	width:314px;
	height:200px;
	padding: 79px 142px 0 142px;
	}
	
.champsConnexion{
	background:url(./Images/connexion_champs.gif) no-repeat top left;
	width:251px;
	height:26px;
	padding:12px 7px;
}

.champsConnexion input{background-color: #c39e74}
	
#inscription{
	background:url(./Images/inscription.gif) no-repeat top left;
	width:314px;
	height:200px;
	padding: 79px 142px 0 142px;
	}
	
#annonce_ajout{
	background:url(./Images/annonce_cadre_haut.png) no-repeat top left;
	width:645px;
	padding: 90px 140px 0 140px;
	}
	
#annonce_ajout_bas{
	background:url(./Images/annonce_cadre_bas.png) no-repeat top left;
	width:925px;
	height: 39px;
	}
	
.champsSujet{
	background:url(./Images/annonce_sujet.gif) no-repeat top left;
	width:460px;
	height:20px;
	padding:12px 7px;
	text-align: left;
	}	
.champsSujet input{background-color: #c39e74}

.champsMessageAnnonce{
	background:url(./Images/annonce_message.gif) no-repeat top left;
	width:460px;
	padding:12px 7px;
	}
.champsMessageAnnonce textarea{background-color: #c39e74}

#editer_profil{
	background:url(./Images/profil_cadre_haut.png) no-repeat top left;
	width:645px;
	padding: 27px 140px 0 140px;
	}
	
#profil_cadre_bas{
	background:url(./Images/profil_cadre_bas.png) no-repeat top left;
	width:925px;
	height: 39px;
	}
	
#detail_profil{
	background:url(./Images/cadre_profil.jpg) no-repeat top left;
	width:457px;
	height:390px;
	padding:110px 20px 0 20px;
	}

#detail_profil td{
	vertical-align:top;
	padding-top:8px;
	}

#detail_profil td.tdfond{
	background:url(./Images/profil_cadre_texte.jpg) no-repeat 10px top;
	width: 255px;
	height: 40px;
	padding-left:20px;
	color: #fff;
	font-weight: bold;
	}

.clear{
	display:block;
	width:0px;
	clear:both;
	line-height:0px;
	font-size:1px;
	height:0px;
	}

.tabForm{
	border-collapse: collapse;
	empty-cells: show;
	text-align: left;
	}
	
.tabForm td{
	vertical-align:top;
	padding: 5px;
	text-align: left;
}

.tabFront{
	border-collapse: collapse;
	empty-cells: show;
	text-align: left;
	}
	
.tabFront th{
	font-weight:bold;
	text-align:center;
	padding: 2px;
}
.tabFront td{
	text-align:center;
	padding: 2px;
}

.tabAdmin{
	border-collapse: collapse;
	empty-cells: show;
	border: dashed 1px #000000;
	text-align: left;
	}
	
.tabAdmin th{
	font-weight:bold;
	text-align:center;
	border: dashed 1px #000000;
	padding: 2px;
}
.tabAdmin td{
	text-align:center;
	border: dashed 1px #000000;
	padding: 2px;
}

#sousMenus{
	display:none;
	position:absolute;
	width:180px;
	border:solid 1px black;
	z-index: 1000;
	top:22px;
	left:0;
	background-color: #261721;
}

#menu #sousMenus a{
	display: block;
	text-align: left;
	padding: 3px;
	text-decoration: none;
}

#menu #sousMenus a:hover{
	color: #b69d81;
	background-color: #9d7951;
	text-decoration: none;
}

 #menu #sousMenus a.selected{
	color: #b69d81;
	background-color: #b30065;
	text-decoration: none;
}

form table td{
	text-align: left;
	}