body {
	background-color: #f8f8f8;
	margin:0px;
}

body, td, input, textarea {
	font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}


li {
	list-style: none;
}

/********************************/

span#site_title {
	font-size: 16px;
	color: #222288;
	
}

/*
#navsite ul {
	padding: 3px 0 0 0;
	border-bottom: 1px solid #778;
	border-top: none;
	font: bold 12px Verdana, sans-serif;
	text-align: center;
}

#navsite ul li {
	margin: 5px;
	display: inline;
}

#navsite ul li a {
	padding: 1px 0px 0px;
	margin-left: 5px;
	border: 1px solid #778;
	border-bottom: none;
	background: #DDE;
	text-decoration: none;
}


#navsite ul li a {
	color: #448;
}

#navsite ul li a:hover {
	color: #000;
	background: #AAE;
	border-color: #227;
}

#navsite ul li a#current {
	background: #f8f8f8;
	border-bottom: 1px solid #f8f8f8;
}

#navsite ul#bas li a#current {
	background: #f8f8f8;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid #778;
}
*/

/********************************/


#tableright {
	padding: 10px 20px;
	margin: 10px;
	border-spacing:5px;
	width: 130px;
	color: #990000;
	text-align: justify;
}


#tablemilieu {
	background: #FFFFFF;
/*	border: 1px solid #aaaaaa;
	padding: 5px;
	margin: 5px;
	border-spacing: 5px;*/	
	color: #222288;	
}




#tablemilieuvide {
	border: 0px;
	height: 5px;
}

#tablemilieu tr#ligne {
	vertical-align: top;
	background: #F4F8FF;
}




#tablemilieu td#categ {
	text-align: left;
	width: 400px;
	padding: 3px;
	padding-left: 10px;
	background: #F4F8FF;
}
#tablemilieu td#categxxx {
	text-align: left;
	width: 400px;
	padding: 3px;
	padding-left: 10px;
	background: #FFF8F4;
}
#tablemilieu a#categ {
	font: 10px Verdana;
	color: #222288;
	text-decoration: none;
}
#tablemilieu a:hover#categ {
	font: 10px Verdana;
	text-decoration: underline;
}

#tablemilieu a#categxxx {
	font: 10px Verdana;
	color: #CC33CC;
	text-decoration: none;
}
#tablemilieu a:hover#categxxx {
	font: 10px Verdana;
	text-decoration: underline;
}



#tablemilieu td#topcateg {
	text-align: left;
	width: 400px;
	padding: 3px;
	padding-left: 10px;
	background: #D0E0FF;
	color: #222288;
	font: bold 10px Verdana;
}


#tablemilieu td:hover#topcateg {
	cursor: pointer;
	background: #222288;
	color: #FFFFFF;
}
#tablemilieu td#topcategxxx {
	text-align: left;
	width: 400px;
	padding: 3px;
	padding-left: 10px;
	background: #FFD0F0;
	color: #CC33CC;
	font: bold 10px Verdana;
}
#tablemilieu td:hover#topcategxxx {
	cursor: pointer;
	background: #CC33CC;
	color: #FFFFFF;
}


#tablemilieu li#regle {
	margin-top: 10px;
	display: block;
	font: bold 10px Verdana;
}
#tablemilieu li#texte {
	margin-left: 10px;
	display: block;
	font: 10px Verdana;
}

#tablemilieu td#titreform {
	text-align: right;
	vertical-align: top;
	width: 120px;
}
#tablemilieu td#fieldform {
	height: 17px;
	vertical-align: top;
	text-align: left;
}



#tablemilieu tr#annoncelink td {
	/*height: 16px;*/
	padding: 5px;
	border-top: 1px solid #999999;
	text-align: left;
}
#tablemilieu tr#annoncelink td#annoncedate {
/*	height: 16px;*/
	padding: 5px;
	text-align: right;
}
#tablemilieu tr:hover#annoncelink td {
	background: #D0E0FF;
	cursor: pointer;
	color: #222288;
}
#tablemilieu tr#annoncelink td a{
	color: #222288;
	text-decoration: none;	
}

/************ TABLEAU GAUCHE **************/

#tableleft {
	width: 205px;
	text-align: left;
	padding-left: 10px;
}
#tableleft li{
	margin-left: 0;
	padding-left: 0;
}


/**** catégorie bleue (et sub) ****/

#tableleft li#categ, #tableleft li#souscateg, #tableleft li#soussouscateg {
	margin-right: 5px;
	margin-bottom: 1px;
	height: 16px;
	color: #222288;
	display: block;
}

#tableleft li#categ {
	background: #D0E0FF;
	padding-left: 10px;
	font: bold 10px Verdana, sans-serif;
}

#tableleft li#souscateg {
	background: #F4F8FF;
	padding-left: 10px;
	font: 10px Verdana, sans-serif;
}

#tableleft li#soussouscateg {
	background: #F4F8FF;
	padding-left: 25px;
	font: 10px Verdana, sans-serif;
}







#tableleft li:hover#categ, #tableleft li:hover#souscateg, #tableleft li:hover#soussouscateg{
	background: #222288;
	color: #FFFFFF;
	cursor: pointer;
}


/**** catégorie rose (et sub) ****/

#tableleft li#categxxx,#tableleft li#souscategxxx, #tableleft li#soussouscategxxx {
	margin-right: 5px;
	margin-bottom: 1px;
	height: 16px;
	color: #CC33CC;
	display: block;
}

#tableleft li#categxxx {
	background: #FFD0E0;
	padding-left: 10px;
	font: bold 10px Verdana, sans-serif;
}

#tableleft li#souscategxxx {
	background: #FFF8F4;
	padding-left: 10px;
	font: 10px Verdana, sans-serif;
}

#tableleft li#soussouscategxxx {
	background: #FFF8F4;
	padding-left: 25px;
	font: 10px Verdana, sans-serif;
}

#tableleft li:hover#categxxx, #tableleft li:hover#souscategxxx, #tableleft li:hover#soussouscategxxx {
	background: #CC33CC;
	color: #FFFFFF;
	cursor: pointer;
}



/**** categ bleue choisie ****/

#tableleft span#choisie li#soussouscateg, #tableleft span#choisie li#souscateg {
	background: #F4F8FF url("/imgs/triangle.png") 0 0 no-repeat;
	color: #222288;
}

#tableleft span#choisie li:hover#souscateg, #tableleft span#choisie li:hover#soussouscateg {
	background: #222288;
	color: #FFFFFF;
	cursor: pointer;
}


/**** categ rose choisie ****/

#tableleft span#choisie li#souscategxxx {
	background: #FFF8F4	url("/imgs/triangle.png") 0 0 no-repeat;
	color: #CC33CC;
}

#tableleft span#choisie li:hover#souscategxxx, #tableleft span#choisie li:hover#soussouscategxxx {
	background: #CC33CC;
	color: #FFFFFF;
	cursor: pointer;
}

/**** main categs choisie  ****/

#tableleft span#choisie li#categ {
	background: #D0E0FF	url("/imgs/triangle.png") 0 0 no-repeat;
	color: #222288;
	/*	text-decoration: underline;*/
}
#tableleft span#choisie li#categxxx {
	background: #FFD0E0	url("/imgs/triangle.png") 0 0 no-repeat;
	color: #222288;
	/*	text-decoration: underline;*/
}




tr#annonce td {
	padding: 4px;
	margin: 1px;
}


tr#annonce td#titre {
	width: 400px;
	text-align: left;
}
tr#annonce td#date {
	text-align: right;
}
tr#annonce td#region {
	width: 150px;
	text-align: left;
}

tr:hover#annonce {
	background: #DDE;
	cursor: pointer;
}


/********** cette annonce ***********/

ul#annonce {
	background: #FFFFFF;
	border: 1px solid #aaaaaa;
	padding: 5px;
	margin: 5px;
	border-spacing: 5px;	
	color: #222288;	
}

ul#annonce li {
	display: block;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	padding: 0;
}
ul#annonce li#titre {
		font: bold 12px Arial;

}


ul#annonce li#description {
	font: 12px Verdana;
	background: #eeeeee;
	border: 1px dotted;
	overflow: auto;
	width: 450px;
	height: 186px;
	/*height: 80px;*/
	padding: 5px;
	margin-left:5px;
	
}
ul#annonce li#region {
	font: 12px Verdana;

}
ul#annonce li div {
	display: inline;
	font: 12px verdana;
}

ul#annonce li#formmailmsg {	
	height: 70px;
}
ul#annonce li#formpasswd {	
	height: 16px;
}
ul#annonce li#formmailcaptcha {	
	height: 50px;
}
ul#annonce li#formmailcaptchadelete {	
	height: 40px;
}

ul#annonce li div#droite {	
	position: absolute;
	left:540px;
}


ul#annonce li#parution {
	font: 10px Verdana;
}

ul#annonce li#email {
	font: 10px verdana;	
}

div#photo1 {
	position: absolute;
	left: 750px;
	top: 240px;
}
div#photo2 {
	position: absolute;
	left: 855px;
	top: 240px;
}
div#photo3 {
	position: absolute;
	left: 750px;
	top: 340px;
}
div#photo4 {
	position: absolute;
	left: 855px;
	top: 340px;
}

a#lienpage {
	text-decoration: none;
	border: 1px solid #D0E0FF;
	margin: 3px;
	padding: 1px 3px 1px 3px;
	color: #222288;
	background: #f4f8ff;
}

a#lienpagemort {
	border: 1px solid #cccccc;
	text-decoration: none;
	padding: 2px;	
	color: #222222;
	background: #eeeeee;
	text-decoration: none;
	margin: 3px;
	padding: 1px 3px 1px 3px;
}

a#lienpage:hover, a#lienpagemort:hover, a#publier:hover, a#pathway:hover {
	border: 1px solid #222288;
	
}

a#pathway {
	text-decoration: none;
	border: 1px solid #D0E0FF;
	margin: 3px;
	padding: 1px 3px 1px 3px;
	color: #222288;
	background: #f4f8ff;
}
a#publier {
	text-decoration: none;
	border: 1px solid #D0E0FF;
	margin: 3px;
	padding: 1px 3px 1px 3px;
	color: #222288;
	background: #f4f8ff;
}


span.greylist {
	background-color: #ffff00;
/*	padding: 0 5px 0 5px;*/
}