/*====================================================
CSS Region Alsace - Plateforme Europe Alsace
====================================================*/

/* TITRES ==================================================*/
.tab-title {
	border-collapse: collapse;
	border: 0;
	width: 100%;
	margin: 5px 0 25px 0;
}
	.tab-title td {
		padding: 0;
	}
	td.print-type1, td.print-type2 {
		width: 102px;
		background-position: left bottom;
		background-repeat: no-repeat;
		padding-top: 7px;
	}
	
	h3.subtitle-cat {
		font-size: 11px;
		text-transform: uppercase;
		margin: 0;
		padding: 3px 0 0 0;
		color: #706634;
	}

	h2.title-cat {
		font-size: 11px;
		text-transform: uppercase;
		margin: 0;
		padding: 0 0 9px 0;
		background-position: left bottom;
		background-repeat: no-repeat;
	}
	h2.title-cat span {
		color: #706634;
	}
	.tab-title-beige h2.title-cat {
		color: #B4A564;
		background-image: url(../images/title_barre_beige.gif);
	}
	.tab-title-beige td.print-type1 {
		background-image: url(../images/title_right_beige.gif);
	}
	.tab-title-vert h2.title-cat {
		color: #A6C104;
		background-image: url(../images/title_barre_vert.gif);
	}
	.tab-title-vert td.print-type1 {
		background-image: url(../images/title_right_vert.gif);
	}
  .tab-title-vert td.print-type1 span.btn-print { visibility: hidden;}
	.tab-title-bleu h2.title-cat {
		color: #61C0C2;
		background-image: url(../images/title_barre_bleu.gif);
	}
	.tab-title-bleu td.print-type1 {
		background-image: url(../images/title_right_bleu.gif);
	}
	.tab-title-orange h2.title-cat {
		color: #FF9900;
		background-image: url(../images/title_barre_orange.gif);
	}
	.tab-title-orange td.print-type1 {
		background-image: url(../images/title_right_orange.gif);
	}
	.tab-title-orange td.print-type2 {
		background-image: url(../images/title_right_orange2.gif);
	}

	.tab-title-vert-entier h2.title-cat {
		color: #A6C104;
		background-image: url(../images/title_barre_vert_entier.gif);
	}

	.breadcrumb {
		padding: 3px 0 0 0;
		font-size: 11px;
		color: #A39A6C;
	}
		.breadcrumb a {
			color: #A39A6C;
		}
		.breadcrumb .active, .breadcrumb .active a {
			color: #706634;
			font-weight: bold;
		}
		
		.tab-title td.pagination {
			font-size: 10px;
			font-style: italic;
			color: #706634;
			background: url(../images/title_pagin_bg.gif) left bottom no-repeat;
			padding: 7px 10px 0 10px;
			text-align: center;
		}
		.tab-title td.pagination a {
			margin: 0 2px;
		}
	
.project-breadcrumb div {
	display: inline;
}

/* Calendrier ==================================================*/
table.calendrier {
	border-collapse: collapse;
	border: 0;
	width: 271px;
	height: 201px;
	background: url(../images/calendrier.png)  0px -31px;
	margin: 0;
	margin-right: 5px;
	font-size: 11px;
	color: #706634;
}
	table.calendrier caption {
		height: 31px;
		font-size: 12px;
		text-transform: uppercase;
		background: url(../images/calendrier.png) no-repeat;
		line-height: 31px;
	}
	.jour th, .jour td {
		height: 31px;
		font-size: 12px;
		/*padding: 5px;*/
		text-decoration: none;
	}
	
	/* Pour IE */
/*	*html table.calendrier caption {
		height: 29px;
	}
	*html .jour th, *html .jour td {
		height: 20px;
	}
	*+html table.calendrier caption {
		height: 29px;
	}
	*+html .jour th, *+html .jour td {
		height: 20px;
	}*/
	
  .calendrier a img {border: none;}
	.calendrier td, .calendrier th {
		text-align: center;
	}
/*    table.calendrier tr.jour th {text-align: left; vertical-align: top; padding-top: 2px;} */

/*    table.calendrier th.precedent {text-align: right;}
    table.calendrier th.suivant {text-align: left;}*/
    
/*    .calendrier tr {height: 23px;}*/
    .calendrier td span.hasevent {
      background: url(../images/calendrier_date.gif) no-repeat;
    }
		.calendrier td span {
			display: block;
			width: 22px;
			height: 17px;
			padding-top: 5px;
		}
		.calendrier td span.active {
			background: url(../images/calendrier_date_on.gif) no-repeat;
			color: #fff;
			font-weight: bold;
		}
		
		.date-choix {
			padding: 10px 0;
			text-align: center;
			line-height: 14px;
		}
		.date-choix a {
			background: url(../images/ico_calendrier.gif) right center no-repeat;
			padding: 0 18px 0 0;
			margin: 0 20px;
			color: #A39A6C;
		}

		
/* ONGLETS ==================================================*/
.onglets {
	position: relative;
	border-collapse: collapse;
	border: 0;
	margin: 0 0 0 15px;
	z-index: 10;
}
	.onglets td {
		padding: 0 0 0 5px;
	}
		.onglets table {
			border-collapse: collapse;
			border: 0;
			margin: 0;
			height: 33px;
		}
			.onglets table td {
				padding: 0;
			}
			.onglet-left {
				width: 12px;
				background: url(../images/onglet_left.gif) no-repeat;
			}
			.onglet-right {
				width: 12px;
				background: url(../images/onglet_right.gif) no-repeat;
			}
			.onglet-title {
				background: url(../images/onglet_repeat.gif) repeat-x;
				text-align: center;
				color: #706634;
				font-size: 12px;
				font-weight: bold;
			}
			.onglet-title a {
				color: #706634;
			}
			
			.onglet-active .onglet-left {
				background: url(../images/onglet_left_on.gif) no-repeat;
			}
			.onglet-active .onglet-right {
				background: url(../images/onglet_right_on.gif) no-repeat;
			}
			.onglet-active .onglet-title {
				background: url(../images/onglet_repeat_on.gif) repeat-x;
			}

	.onglet-ctn {
		position: relative;
		width: 600px;
		background: url(../images/onglet_ctn_repeat.gif) repeat-y;
		margin-top: -2px;
		z-index: 1;
	}
		.onglet-ctn-top {
			background: url(../images/onglet_ctn_top.gif) top no-repeat;
		}
			.onglet-ctn-bottom {
				background: url(../images/onglet_ctn_bottom.gif) bottom no-repeat;
				padding: 20px;
				height: auto !important;
				height: 70px;
				min-height: 70px;
			}


/* Tableau résultats ==================================================*/
div.boite-ronde {width: 556px; margin-bottom: 2em;}
  span.top, span.bottom {display: block;}
  span.top {
    background:transparent url(../images/tab_rslt_top.gif) no-repeat left top;
    height: 61px;
    position: relative; z-index: 2; margin-bottom: -61px;
  }
  div.repeat {
    background:transparent url(../images/tab_rslt_repeat.gif) repeat-y left top;
    padding:0 2px;
  }
  span.bottom {
    background:transparent url(../images/tab_rslt_bottom.gif) no-repeat left top;
    height: 12px;
  }

table.result {border-collapse: collapse;}

  table.result th {background-color: white;}
  table.result th, table.result td {
    text-align:left;
  }
  table.result td {
    vertical-align: top;
  }
  table.result td.photo {
    padding: 10px 0;
    text-align: center;
    width: 104px;
  }
  table.result td.info-right {
    padding: 5px;
    width: 188px;
    text-align: left;
  }
  table.result td.info-center {
    padding: 5px;
    width: 254px;
  }
  
  table.result td a {
    color: #A39A6C;
  }
/*
.tab-result {
	width: 556px;
	background: url(../images/tab_rslt_repeat.gif) repeat-y;
	margin: 0 0 10px 0;
}
	.tab-result-top {
		background: url(../images/tab_rslt_top.gif) no-repeat;
    z-index: 5; position: relative;
	}
    table.result th img {
      width: 365px; height: 57px;
      z-index: 4; position: relative; right: 2px;
    }
    
		.tab-result-bottom {
			background: url(../images/tab_rslt_bottom.gif) bottom no-repeat;
				height: auto !important;
				height: 100px;
				min-height: 100px;
		}
		table.result {
			width: 556px;
			border-collapse: collapse;
			border: 0;
			margin: 0;
			color: #A39A6C;
			font-size: 11px;
		}
			table.result th {
				padding: 0;
				height: 57px;
				text-align: left;
				padding: 2px 5px;
			}
			table.result td {
				vertical-align: top;
			}
			table.result td.photo {
				padding: 10px 0;
				text-align: center;
				width: 104px;
			}
			table.result td.info-right {
				padding: 5px;
				width: 188px;
        text-align: left;
			}
			table.result td.info-center {
				padding: 5px;
				width: 256px;
			}
			
			table.result td a {
				color: #A39A6C;
			}
*/

/* FORMS ==================================================*/
		.field-270, .content div.field {
			width: 248px;
			height: 24px;
			background: url(../images/field_270.gif) no-repeat;
			padding: 4px 11px 0 11px;
			margin: 2px 0;
		}
      .content div.field input {
        border: 0; border: none; 
        background-color: transparent;
        width: 248px;
        position: relative; bottom: 2px;
        color: #706634;
      }
    
		.btn-search-beige {
			width: 168px;
			height: 32px;
			border: 0;
			border: none;
			padding: 0 37px 0 8px;
			text-align: right;
			margin: 2px 0 2px 103px;
			cursor: pointer;
			background: url(../images/btn_search_beige.gif) no-repeat;
		}
		

/* BOUTONS ==================================================*/
.btn-print {
	display: block;
	font-size: 10px;
	line-height: 16px;
	background: url(../images/ico_print.gif) left center no-repeat;
	padding: 0 0 0 20px;
	margin: 0 0 0 10px;
}
.btn-voir-fiche {
	display: block;
	font-size: 10px;
	line-height: 13px;
	font-style: italic;
	color: #706634;
	background: url(../images/calendrier_next.gif) left center no-repeat;
	padding: 0 0 0 28px;
	margin: 0 0 0 10px;
  position: relative;
  z-index: 5;
}

.border-left-dotted {
	background: url(../images/sep_2col_dotted.gif) repeat-y;
}


#OBJ_60010299_0_CNT
{
	font-weight: bold;
	font-size: 10pt;
	line-height: 12pt;
}

/******** HACK pour rendu listbox Type d'actualité **************/
		.content div.select-282 {
			width: 270px;
			height: 24px;
			background: url(../images/select_270.gif) no-repeat;
			border: 0;
			border: none;
			margin: 2px 0;
		}
			.content .select-282-label {
				padding: 7px 11px 0 11px;
			}
			.content .select-282-inner-bottom {
				position: absolute;
				display: none;
				background: url(../images/select_270_bottom.gif) bottom no-repeat;
				margin: 0;
				z-index: 100;
			}
			.content .select-282-inner-top {
				width: 248px;
				background: url(../images/select_270_top.gif) top no-repeat;
				padding: 4px 11px 7px 11px;
			}
			*+html .content .select-282-inner-top {
				padding: 5px 11px 7px 11px;
			}
				.content .select-282-inner-bottom a {
					display: block;
					line-height: 120%;
				}
				.content .select-282-inner-bottom span {
					display: block;
					line-height: 17px;
				}