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

/* ANNONCES */

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


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

/* ANNONCES RECHERCHE */

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


#annonceCherche {
	margin-bottom: 25px;
}

#annonceCherche .annonceTitre {
	margin-bottom: 7px;
	border-bottom: 8px solid #1c9cc0;
}

#annonceCherche .annonceTitre h3 {
	color: #000;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	display: inline;
	line-height: 15px;
}


#annonceCherche #annonceForm {
}

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

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

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

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

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

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


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

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

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



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

/* ANNONCES RESULTATS */

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


#annonceResult {
	margin-bottom: 20px;
}


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

#annonceResult h3 {
	border-top: 1px dashed #625F58;
	border-bottom: 1px dashed #625F58;
	margin-bottom: 15px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #195387;
	font-weight: bold;
	line-height: 25px;
}


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

#annonceResult .objet {
	position: relative;
	margin-bottom: 15px;
}

#annonceResult .vignette {
	float: left;
}

#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-image: url(images/bgMenuHaut.jpg);
	background-repeat: repeat-x;
}

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

#annonceResult .resume {
	margin-left: 65px;
	height: 77px;
	border-bottom: 1px dashed #195387;
}

#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-image: url(images/bgMenuHaut.jpg);
	background-repeat: repeat-x;
}

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

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

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

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

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

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

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


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

#annonceResult #pageNext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 10px;
	line-height: 14px;
	text-align: right;
	color: #195387;
}

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

#pageNext a:hover {
	color: #195387;
}



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

/* ANNONCES DETAIL */

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

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

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


#pageAnnonce #contentAnnonce {
}


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


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

#pageAnnonce #mediaAnnonce {
	border-top: 8px solid #f1ca0c;
	margin-bottom: 2px;
}

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

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

#mediaAnnonce #navPhotoAnnonce {
	position: absolute;
	left: 10px;
	top: 18px;
	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: #195387;
	text-decoration: none;
}

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


/*-------------------- Menu Tif */

#pageAnnonce #menuAnnonce {
	margin-bottom: 10px;
}

#menuAnnonce ul.level01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	background-image: url(images/bgMenuHaut.jpg);
}

#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: #f1ca0c;
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #fff;
}

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

#menuAnnonce ul.level01 li.dim1 {
}


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

#contentAnnonce #titreAnnonce {
	margin-top: 5px;
	border-top: 1px dashed #625f58;
	border-bottom: 1px dashed #625f58;
	margin-bottom: 15px;
	line-height: 25px;
}

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

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


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

#contentAnnonce {
	margin-top: 5px;
}

#contentAnnonce h3 {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: 1px dotted #625f58;
	text-decoration: none;
	margin-top: 15px;
	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: #625f58;
	text-align: left;
	clear: both;
	margin: 0px 0px 7px;
	line-height: 1.4em;
}

#contentAnnonce .bgligne {
	font-family: Arial, Helvetica, sans-serif;
	color: #195387;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 2px;
	background-color: #e7e7e7;
}

#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: #195387;
	text-decoration: none;
}

#contentAnnonce a:hover {
	color:#625f58;
}


/*-------------------- 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 #625f58;
}

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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