/**********************************************************
Styles généraux
*/

* {
margin: 0px;
padding: 0px;
}
.textePetit {
	font-size: 10px;
}
.display {
	display: block;
}
.noDisplay {
	display: none;
}
.clear {
	clear: both;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
}
.alignLeft {
	display: block;
	float: left;
	margin-right: 10px;
}
.alignRight {
	display: block;
	float: right;
	margin-left: 10px;
}
p {
	margin: 0px;
	padding: 2px 0px 2px 0px;
}
a {
	color: /*linkColor*/#cc4617/*linkColor*/;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
table, td, th, tr {
	-position: relative; /* IE6 uniquement */
}
form {
	position: relative;
	margin: 0px;
	padding: 0px;
}
h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	color: #000;
}
h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	padding: 5px 0px 10px 0px;
	color: #000;
}
button {
	white-space: nowrap;
	overflow: visible;
	position: relative;
	border: 0px;
	background: none;
	cursor: pointer;
}
a {
	cursor: pointer;
}
a.bouton, a.bouton:hover, button.bouton {
	position: relative;
	display: -moz-inline-box; 
	display: inline-block; 
	font: 12px Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: /*linkColor*/#cc4617/*linkColor*/;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 0;
	background: none; 
}
a.bouton span, button.bouton span {
	position: relative;
	float: left;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}
a.bouton span span, button.bouton span span {
	position: relative;
	padding: 0px 23px 0px 0px;
}
a.bouton span span span, button.bouton span span span {
	position: relative;
	height: 24px;
	line-height: 24px;
	padding: 0px 5px;
	border: 1px solid /*linkColor*/#cc4617/*linkColor*/;
	background-color: /*bgColorIndex*/#ffceb2/*bgColorIndex*/;
}
.noscript {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #F93;
	text-align: center;
	padding: 5px;
	z-index: 5000;
	font-weight: bold;
}
#iconeSalle {
	float: left;
	padding-right: 5px;
}
.lienPuceContainer {
	height: 11px;
	margin-top: 5px;
	clear: both;
	font-size: 10px;
}
.lienPuceBigContainer {
	height: 12px;
	margin-top: 5px;
	clear: both;
	font-size: 12px;
}
.lienPuce {
	position: relative;
	margin-top: 5px;
	display: block;
	float: left;
	width: 9px;
	height: 9px;
	border: 1px solid;
	overflow: hidden;
}
.lienPuceBig {
	position: relative;
	margin-top: 6px;
	display: block;
	float: left;
	width: 9px;
	height: 9px;
	border: 1px solid;
	overflow: hidden;
}
.lienPuceBigOn {
	position: relative;
	margin-top: 6px;
	display: block;
	float: left;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background-color: /*linkColor*/#cc4617/*linkColor*/;
}
.lienPuceContainer:hover, .lienPuceTxt:hover, .lienPuceBigContainer:hover, .lienPuceBigTxt:hover {
	text-decoration: underline;
}
.lienPuceTxt {
	margin-top: 5px;
	position: relative;
	display: block;
	float: left;
	padding-left: 4px;
}
.lienPuceBigTxt {
	margin-top: 5px;
	position: relative;
	display: block;
	float: left;
	padding-left: 4px;
}
.lienNiveau2 {
	display: block;
	font-size: 10px;
	margin-left: 16px; /*16px*/
}
ul.menu {
	list-style: none;
}
ul.menu li {
	clear: left;
}
.error {
	color: #F00;
	font-weight: bold;
}
table.tabTR td {
	padding-top: 3px;
	padding-bottom: 3px;
}
table.tabTR td {
	padding-left: 4px;
	padding-right: 4px;
}
tr.tabTRsimple td {
	border-top: 1px solid #000;
}
tr.tabTRdouble td {
	border-top: 3px double #000;
}
table.tabFond td {
	background-color: /*bgColorIndex*/#ffceb2/*bgColorIndex*/;
}

/**********************************************************
bloc de page, bandeau sup et bas
*/

#page {
	position: relative;
	background-color: #FFF;
	width: 100%;
	margin-top: 45px;
	padding-bottom: 20px;
}
#middle, #bottom {
	position: relative;
	width: 955px;
	margin-left: auto;
	margin-right: auto;
}
#top {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 955px;
	height: 152px;
}
#middle {
	padding-top: 152px;
}
#bottom {
	position: relative;
	width: 955px;
	border-top: 1px solid #000;
	padding-bottom: 30px;
}

/**********************************************************
contenu middle
*/
#content {
	position: relative;
	float: right;
	width: 673px;
	min-height: 350px;
	padding-top: 90px;
}
#left {
	position: relative;
	margin-left: -29px;
	padding-left: 29px;
	padding-top: 90px;
	width: 265px;
	background-image: url(dyn/deco_1.png);
	background-repeat: no-repeat;
	background-position: 0px 65px;
	min-height: 150px;
}
#content ul, #left ul {
	padding-left: 15px;
}
#left ul.menu {
	padding-left: 0px;
}


/* bloc recherche
*/
#recherche {
	display: block;
	position: absolute;
	left: 0px;
	top: 192px;
	width: 200px;
	height: 25px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #000;
	clear: both;
}
#recherche label {
	display: block;
	position: absolute;
	height: 17px;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
}
#recherche input {
	display: block;
	position: absolute;
	left: 74px;
	width: 100px;
	height: 15px;
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	font-size: 10px;
	border: 1px solid #000;
}
#recherche button {
	display: block;
	position: absolute;
	right: 0px;
	width: 18px;
	height: 18px;
	margin: 0px;
	padding: 0px;
	background-image: url(dyn/but_fleche_1.png);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	border: 0px;
	cursor: pointer;
}

/**********************************************************
contenu multi-colonnes droite
*/
#colAIndex {
	position: relative;
	float: left;
	width: 283px;
	padding-right: 29px;
	margin-top: -2px;
}
#colBIndex {
	position: relative;
	float: left;
	width: 360px;
}
#colA {
	position: relative;
	float: left;
	width: 283px;
	padding-right: 72px;
	margin-top: -2px;
	overflow: visible;
}
#colB {
	position: relative;
	float: left;
	width: 318px;
	-margin-left: -72px; /* IE6 uniquement */
}

/**********************************************************
contenu index droite
*/
#colAIndex .bandeTop {
	position: relative;
	display: block;
	color: #FFF;
	background-color: #F50252;
	font-weight: bold;
	line-height: 22px;
	padding: 0px 10px;
	width: 263px;
	height: 22px;
	border-bottom: 1px solid #FFF;
}
#colAIndex .titre {
	position: relative;
	display: block;
	float: left;
	width: 207px;
	height: 22px;
}
#colAIndex .lien {
	position: relative;
	display: block;
	float: left;
	font-size: 10px;
	width: 56px;
	height: 13px;
	margin-top: 6px;
}
#colAIndex .puceIndex {
	position: relative;
	display: block;
	float: left;
	width: 9px;
	height: 9px;
	border: 1px solid #FFF;
	overflow: hidden;
}
#colAIndex .lienTxt {
	position: relative;
	display: block;
	float: right;
	text-align: right;
	width: 45px;
	height: 13px;
	line-height: 12px;
}
#colAIndex .image {
	padding-bottom: 5px;
}
#colAIndex .date {
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#colAIndex .salle {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#colBiaisIndex {
	position: relative;
	float: right;
	background-color: /*bgColorIndex*/#ffceb2/*bgColorIndex*/; 
	width: 177px;
	height: 517px;
	margin-top: -80px;
	padding-top: 80px;
	padding-left: 10px;
	background-image: url(media/cache_triangle_blanc.png);
	background-repeat: no-repeat;
	background-position: top left;
}
#colActuIndex {
	float: left;
	padding-top: 2px;
	width: 172px;
}
#colActuIndex .aTitre {
	display: block;
	height: 28px;
}
#colActuIndex .puceTitreRub {
	float: left;
	width: 14px;
	height: 14px;
	background-color: /*linkColor*/#cc4617/*linkColor*/;
	margin-right: 5px;
	margin-left: 25px;
}
#colActuIndex .titreRub {
	font-size: 12px;
	font-weight: bold;
}
#colActuIndex .item {
	position: relative;
	width: 147px;
	height: 138px;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 23px 0px 0px 26px;
	overflow: visible;
}
#colBiaisIndex .titreRub {
	font-size: 14px;
	font-weight: bold;
	color: /*linkColor*/#cc4617/*linkColor*/;
	height: 25px;
}
#colBiaisIndex .item {
	position: relative;
	width: 167px;
	height: 146px;
	margin: 0px 0px 15px 0px;
	overflow: hidden;
}
#colBiaisIndex .itemTitre {
	font-size: 12px;
	font-weight: bold;
}
#colBiaisIndex .itemSousTitre {
	font-size: 10px;
}

/**********************************************************
contenu colonne gauche de la page
*/
h1.titreIndex {
	color: /*linkColor*/#cc4617/*linkColor*/;
	font-size: 14px;
	font-weight: bold;
}
.introIndex {
}
p.titreRub {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 20px;
}

/**********************************************************
contenu top de la page (avec bandeau)
*/
#top .menu {
	display: block;
	position: absolute;
	bottom: 0px;
}
#top .menuItem {
	position: relative;
	float: left;
	margin-right: 17px;
	height: 20px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: /*linkColor*/#cc4617/*linkColor*/;
	padding-left: 19px;
	text-decoration: none;
	background-image: url(SRC/design/rubriques/couleur1.png);
	background-repeat: no-repeat;
	background-position: 0px 14px;
	padding-top: 8px;
}
#top .logo {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 265px;
	height: 91px;
	background-image: url(dyn/logo_1.png);
	background-repeat: no-repeat;
}
#top .bandeau {
	display: block;
	position: absolute;
	top: 4px;
	right: 0px;
	width: 673px;
	height: 87px;
	background-image: url(dyn/bandeau_1.jpg);
	background-repeat: no-repeat;
}
#top .accroche {
	display: block;
	position: absolute;
	right: 0px;
	/*left: 282px;*/
	top: 95px;
	font-size: 16px;
	font-weight: bold;
}

/**********************************************************
contenu bottom
*/
#carre {
	position: absolute;
	width: 13px;
	height: 13px;
	background-color: #000;
}
#ligneInfo {
	padding-left: 20px;
	padding-top: 1px;
}
#partenaires {
	position: absolute;
	top: -70px;
	width: 570px;
	height: 40px;
}
#partenaires .titre {
	position: relative;
	font-size: 12px;
	font-weight: bold;
	color: /*linkColor*/#cc4617/*linkColor*/;
	width: 240px;
	padding-bottom: 5px;
	border-bottom: 1px dotted /*linkColor*/#cc4617/*linkColor*/;
	margin-bottom: 10px;
}
#partenaires .item {
	position: relative;
	float: left;
	padding-right: 20px;
}

/**********************************************************
page liste productions
*/
.itemProdListeImg {
	position: relative;
	float: left;
	width: 147px;
	height: 131px;
	padding-right: 16px;
}
.itemProdListeCol2 {
	position: relative;
	float: left;
	width: 291px;
	padding-right: 10px;
	overflow: visible;
}
.itemProdListeCol3 {
	position: relative;
	float: left;
	width: 209px;
	font-size: 10px;
}
.itemProdListeTitre {
	font-size: 14px;
	font-weight: bold;
	border-top: 1px solid;
	margin-top: 3px;
	padding: 2px 0px 2px 0px;
	width: 281px;
	-width: 281px; /* IE 6 only */
	clear: both;
}
.itemProdListeTitreLien {
	color: #000;
}
.itemProdListeCompo {
	font-size: 10px;
	padding-top: 0px;
}
.itemProdListeArtiste {
	padding-bottom: 0px;
}
.itemProdListeDate {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.itemProdListeSalle {
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.lienPuceMargin {
	margin-top: 0px;
}

/**********************************************************
page détails une production
*/
.itemProdDetailImg {
	display: block;
	position: relative;
	width: 355px;
	padding-top: 22px;
	padding-bottom: 8px;
	margin-top: -22px;
	background-position: 205px 0px;
	background-repeat: no-repeat;
}
.itemProdDetailLegende {
	display: block;
	font-size: 10px;
	text-align: right;
	position: relative;
	margin-top: -3px;
	width: 283px;
}
.itemProdDetailTitre {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid;
	margin-top: -6px;
	padding: 2px 0px 2px 0px;
}
.itemProdDetailCompo {
	font-size: 12px;
}
.itemProdDetailSousTitre {
	font-size: 12px;
	padding-bottom: 10px;
}
.itemProdDetailArtiste {
	padding-bottom: 10px;
}
.itemProdDetailDescription {
	padding-bottom: 10px;
}
.itemProdDetailDate {
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.itemProdDetailSalle {
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

/**********************************************************
page reservations
*/
.trResa {
	margin-top: 15px;
	font-size: 10px;
}
.tdMoisResa {
	border-bottom: 0px;
	padding-right: 5px;
	padding-bottom: 8px;
	font-size: 12px;
	font-weight: bold;
	padding-top: 25px;
}
.tdResa {
	border-bottom: 1px solid #000;
	padding-right: 5px;
	padding-top: 8px;
	padding-bottom: 2px;
	height: 35px;
}
.tdResaLast {
	border-bottom: 1px solid #000;
	text-align: right;
	padding-top: 8px;
	padding-bottom: 2px;
	height: 35px;
}
.inputResa {
	width: 15px;
	font-size: 10px;
}
.dateResa {
	font-weight: bold;
}
.lieuResa {
	font-weight: bold;
}
.inputCoord {
	width: 200px;
}
.inputAdresse {
	width: 542px;
}

/**********************************************************
page lieux/salles
*/
.itemLieu {
	display: block;
	float: left;
	width: 325px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-left: 30px;
}
.itemLieuInfos {
	display: block;
	float: left;
	position: relative;
	width: 300px;
	padding-top: 23px;
}

/**********************************************************
pages à imprimer
*/
#printContent {
	position: relative;
	width: 700px;
	margin: 20px 0px 20px 20px;
}
tr.trResaPrint td {
	border-bottom: 1px solid #000;
	padding-top: 4px;
	padding-bottom: 4px;
}
tr.tabTRdoublePrint td {
	border-bottom: 3px double #000;
	padding-top: 4px;
	padding-bottom: 4px;
}