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

/* ANNONCES */

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

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

/* ANNONCES RECHERCHE */

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


#annonceCherche {
	clear: both;
	border: 1px solid #57505a;
	margin-bottom: 25px;
	padding: 5px;
	background-image: url(images/bgArtResum.gif);
}

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

#annonceCherche .annonceTitre h3 {
	color: #000;
	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: #352f36;
}

#annonceCherche #annonceForm .text {
	width: 99%;
	height: 15px;
	margin-bottom: 7px;
	border: 1px solid #352f36;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #352f36;
	text-indent: 2px;
}

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

#annonceCherche #annonceForm .select {
	width: 99%;
	height: 15px;
	margin-bottom: 7px;
	border: 1px solid #352f36;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #352f36;
	text-indent: 2px;
}

#annonceCherche #annonceForm .libcheckbox {
	margin-bottom: 5px;
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #352f36;
}

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


#annonceCherche #annonceForm .libcheckbox {
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #352f36;
}

#annonceCherche #annonceForm .submit {
	width: 99%;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #352f36;
	margin-top: 10px;
	border: 1px solid #352f36;
	background-color: #fff;
}

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



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

/* ANNONCES RESULTATS */

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


#annonceResult {
	margin-bottom: 15px;
}


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

#annonceResult h3 {
	border-top: 1px dotted #57505a;
	border-bottom: 1px dotted #57505a;
	margin-bottom: 15px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	line-height: 25px;
}


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

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

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

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

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

#annonceResult .resume {
	width: 275px; /* 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: 77px;
	border-bottom: 1px dotted #57505a;
}

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

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

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

#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: #57505a;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 4px 0px;
}

#annonceResult .texte03 {
	color: #57505a;
	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: #938e8a;
	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: 5px 0px 5px 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: #fff;
	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: #57505a;
	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: dotted 1px #57505a;
	border-bottom: dotted 1px #57505a;
}

#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: #352f36;
}


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

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

#contentAnnonce .texte01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	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: #57505a;
	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;
	background-color: #ececec;
}

#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 #57505a;
}

#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: #000000;
}

#contentAnnonce .tabBgLib {
	background-color: #352f36;
}

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

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


/* ---------------------------------------------------------
   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: #fff;
	text-decoration: none;
}

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

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

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

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

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

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

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

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

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

#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;
}