/* ------------------------------------------------------ */

/* ANNONCES */

/* ------------------------------------------------------ */

/* ------------------------------------------------------ */

/* ANNONCES RECHERCHE */

/* ------------------------------------------------------ */


#annonceCherche {
	clear: both;
	margin-bottom: 25px;
	padding: 5px;
	background: url(images/82_bgVert_R0053.png) repeat-y 0px;
}

#annonceCherche .annonceTitre {
	margin-bottom: 7px;
}

#annonceCherche .annonceTitre h3 {
	color: #4b5b26;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 15px;
}

#annonceCherche #annonceForm {
}

#annonceCherche #annonceForm .libtext {
	display: block;
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}

#annonceCherche #annonceForm .text {
	width: 98%;
	height: 17px;
	margin-bottom: 7px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-indent: 2px;
}

#annonceCherche #annonceForm .libselect {
	display: block;
	margin-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}

#annonceCherche #annonceForm .select {
	width: 98%;
	height: 17px;
	margin-bottom: 7px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-indent: 2px;
}

#annonceCherche #annonceForm .libcheckbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}

#annonceCherche #annonceForm .checkbox {
	font-size: 5px;
	color: #000;
	border: 0px solid #fff;
}

#annonceCherche #annonceForm .submit {
	width: 98%;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #4b5b26;
	margin-top: 10px;
	border: none;
	background-color: #fff;
}

#annonceCherche .text:focus, #annonceCherche .select:focus {
	background: #cadaa8;
}



/* ------------------------------------------------------ */

/* ANNONCES RESULTATS */

/* ------------------------------------------------------ */


#annonceResult {
	margin-bottom: 15px;
}


/* ---------------------------------------------------------
   ANNONCES RESULTATS : Affichage des quantités
--------------------------------------------------------- */

#annonceResult h3 {
	margin-bottom: 15px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #c3bbb5;
	font-weight: bold;
	text-transform: uppercase;
	padding: 12px 5px 2px 5px;
	background: #38302b url(images/82_bgTif_R0053.png) repeat-y 0px;
}


/* ---------------------------------------------------------
   ANNONCES RESULTATS : Affichage des objets
--------------------------------------------------------- */

#annonceResult .objet {
	clear: both;
	margin-bottom: 10px;
}

#annonceResult .vignette {
	float: left;
	width: 70px;
	height: 70px;
}

#annonceResult .vignette .titre01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #c3bbb5;
	padding: 3px 0px 1px 3px;
	margin: 0px 0px 2px 0px;
	background-color: #38302b;
}

#annonceResult .vignette .photo img {
	width: 70px;
	height: 70px;
}

#annonceResult .resume {
	width: 295px; /* pour ie au lieu d'un simple margin-left: 65px */
	float: left; /* pour ie au lieu d'un simple margin-left: 65px */
	margin-left: 5px; /* pour ie au lieu d'un simple margin-left: 65px */
	height: 87px;
	border-bottom: 1px solid #38302b;
}

#annonceResult  .resume .titre02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	padding: 3px 0px 1px 3px;
	margin: 0px 0px 2px 0px;
	text-transform: uppercase;
	background-color: #38302b;
}

#annonceResult .resume .titre02 a {
	text-decoration: none;
	color: #c3bbb5;
}

#annonceResult .resume .titre02 a:hover {
	color: #fff;
}

#annonceResult .texte01 {
	color: #000;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 1px 0px;
}

#annonceResult .texte02 {
	color: #38302b;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 4px 0px;
}

#annonceResult .texte03 {
	color: #38302b;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#annonceResult .cadre {
	border-left: 1px solid #000;
	padding: 0px 0px 0px 5px;
	margin-left: 10px;
}

#annonceResult a {
	color: #000;
	text-decoration: none;
}

#annonceResult a:hover {
	color: #57505a;
}



/* ------------------------------------------------------ */

/* ANNONCES DETAIL */

/* ------------------------------------------------------ */

#conteneurAnnonce {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 520px;
}

#conteneurAnnonce #pageAnnonce {
	width: 500px;
	background-color: #38302b;
	padding: 10px;
}


#pageAnnonce #contentAnnonce {
	background-color: #fff;
	padding:  5px;
}


/* ---------------------------------------------------------
   ANNONCES DETAIL : CONTENU
--------------------------------------------------------- */


/*-------------------- Navigation photo */

#pageAnnonce #mediaAnnonce {
}

#mediaAnnonce #photoAnnonce {
	text-align: center;
}

#mediaAnnonce #photoAnnonce img {
	width: 500px;
}

#mediaAnnonce #navPhotoAnnonce {
	position: absolute;
	left: 10px;
	top: 10px;
	height: 15px;
	line-height: 15px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*filter: Alpha(Opacity=50, FinishOpacity=0, Style=0, StartX=0, StartY=0, FinishX=0, Finish=0);*/
}

#navPhotoAnnonce img {
	margin: 0px 5px 0px 5px;
	vertical-align: middle;
}

#navPhotoAnnonce a {
	color: #000;
	text-decoration: none;
}

#navPhotoAnnonce a:hover {
	color: #57505a;
}


/*-------------------- Menu Annonce */

#pageAnnonce #menuAnnonce {
	padding: 7px 0px 7px 0px;
}

#menuAnnonce ul.level01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 16px;
}

#menuAnnonce ul.level01 li {
	display: inline;
	list-style-type: none;
}

#menuAnnonce ul.level01 li .a1 {
	text-decoration: none;
	color: #c3bbb5;
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #fff; /* border dans le li a1 pour eviter une répercution dans le level02 */
}

#menuAnnonce ul.level01 li .a1:hover {
	color: #fff;
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #fff;
}

#menuAnnonce ul.level01 li .a1Actif {
	text-decoration: none;
	color: #fff;
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #fff;
}

#menuAnnonce ul.level01 li.dim1 {
}


/*-------------------- Titre */

#contentAnnonce #titreAnnonce {
	margin-bottom: 10px;
	padding: 5px 0px 5px 0px;
	border-top: solid 1px #38302b;
	border-bottom: solid 1px #38302b;
}

#contentAnnonce #titreAnnonce h1 {
	display: inline;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
}

#contentAnnonce #titreAnnonce h2 {
	display: inline;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #38302b;
}


/*-------------------- Chapitre Annonce */

#contentAnnonce h3 {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
	border-bottom: 1px solid #38302b;
	text-decoration: none;
	display: block;
}

#contentAnnonce .texte01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-align: left;
	clear: both;
	margin: 0px 0px 7px;
	line-height: 1.4em;
}

#contentAnnonce .texte02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #38302b;
	text-align: left;
	clear: both;
	margin: 0px 0px 7px;
	line-height: 1.4em;
}

#contentAnnonce .bgligne {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 2px;
	padding: 1px 0px 1px 1px;
	background-color: #c3bbb5;
}

#contentAnnonce .imgGauche {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

#contentAnnonce .imgDroite {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}

#contentAnnonce .imgCentre {
	margin-top: 15px;
	margin-bottom: 10px;
}

#contentAnnonce a {
	color: #000;
	text-decoration: none;
}

#contentAnnonce a:hover {
	color:#57505a;
}


/*-------------------- Tableaux de prix */

#contentAnnonce fieldset {
	margin-top: 5px;
	margin-bottom: 5px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

#contentAnnonce legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	font-weight: bold;
}

#contentAnnonce .tabCadre {
	border: 1px solid #38302b;
}

#contentAnnonce .tabLib {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
	font-weight: bold;
}

#contentAnnonce .tabLib1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	font-weight: bold;
}

#contentAnnonce .tabLib2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
	font-weight: bold;
}

#contentAnnonce .tabText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}

#contentAnnonce .tabBgLib {
	background-color: #38302b;
}

#contentAnnonce .tabBgLig1 {
	background-color: #fff;
}

#contentAnnonce .tabBgLig2 {
	background-color: #c3bbb5;
}


/* ---------------------------------------------------------
   ANNONCES DETAIL : MENU PRATIQUE
--------------------------------------------------------- */

#pageAnnonce #menuPratiqueAnnonce {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-top: 10px;
}

#menuPratiqueAnnonce .gauche {
	float: left;
	width: 33%;
}

#menuPratiqueAnnonce .gauche a {
	color: #c3bbb5;
	text-decoration: none;
}

#menuPratiqueAnnonce .gauche a:hover {
	color: #fff;
}

#menuPratiqueAnnonce .gauche img {
	margin-left: 10px;
	vertical-align: top;
}

#menuPratiqueAnnonce .droite {
	float: right;
	width: 33%;
	text-align: right;
}

#menuPratiqueAnnonce .droite a {
	color: #c3bbb5;
	text-decoration: none;
}

#menuPratiqueAnnonce .droite a:hover {
 	color: #fff;
}

#menuPratiqueAnnonce .droite img {
	margin-left: 10px;
	vertical-align: top;
}

#menuPratiqueAnnonce .centre {
	float: left;
	width: 33%;
	text-align: center;
}

#menuPratiqueAnnonce .centre a {
	color: #c3bbb5;
	text-decoration: none;
}

#menuPratiqueAnnonce .centre a:hover {
 	color: #fff;
}

#menuPratiqueAnnonce .centre img {
	margin-left: 10px;
	vertical-align: top;
}


/* ---------------------------------------------------------
   ANNONCES DETAIL : NAVIGATION BAS DE PAGE
--------------------------------------------------------- */

#navAnnonce {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-top: 5px;
	padding-bottom: 10px;
}

#navAnnonce .gauche {
	float: left;
	width: 40%;
}

#navAnnonce .gauche a {
	color: #000;
	text-decoration: none;
}

#navAnnonce .gauche a:hover {
	color: #57505a;
}

#navAnnonce .gauche img {
	margin-right: 10px;
	vertical-align: center;
}

#navAnnonce .droite {
	float: right;
	width: 40%;
	text-align: right;
}

#navAnnonce .droite a {
	color: #000;
	text-decoration: none;
}

#navAnnonce .droite a:hover {
 	color: #57505a;
}

#navAnnonce .droite img {
	margin-left: 10px;
	vertical-align: center;
}

#navAnnonce .centre {
	float: left;
	width: 20%;
	text-align: center;
}

#navAnnonce .centre a {
	color: #000;
	text-decoration: none;
}

#navAnnonce .centre a:hover {
 	color: #57505a;
}