/* v1.2 */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; }

strong {
	font-weight:bold;
	color:#9D141C;
}
em { font-style:italic; }

/* HYPERLINK */
a {	color: #9d141c; }
a:hover { color: #9d141c; }
a:visited { color: #9d141c; }

/* div, li { border:#FF0000 solid 1px; padding:0px;} */

/* TYPO GENERALE */
html { font-size: 100%; } /* correctif pour IE */

body {
	font: 12px/18px Arial, Verdana, sans-serif;
	background-color: #9D141C;
	color: #333;
	background-image:url(pictures/bckgrnd_1.jpg);
	background-attachment:fixed;
	background-position:top center;
	background-repeat:no-repeat;
}

/* COULEUR */
.color1, .color1 a { color:#009AC2 !important; } /* theatre */
.color2, .color2 a  { color:#8BBB45 !important; } /* danse */
.color3, .color3 a  { color:#888400 !important; } /* musique */
.color4, .color4 a  { color:#762B84 !important; } /* cinema */
.color5, .color5 a  { color:#e2007a !important; } /* expo */
.color6, .color6 a  { color:#007265 !important; } /* litterature */
.color7, .color7 a  { color:#4D63A0 !important; } /* debats conferences */
.color8, .color8 a  { color:#F29400 !important; } /* atelier stage */

.bckgrnd1 { background-color:#009AC2 !important; } /* theatre */
.bckgrnd2 { background-color:#8BBB45 !important; } /* danse */
.bckgrnd3 { background-color:#888400 !important; } /* musique */
.bckgrnd4 { background-color:#762B84 !important; } /* cinema */
.bckgrnd5 { background-color:#e2007a !important; } /* expo */
.bckgrnd6 { background-color:#007265 !important; } /* litterature */
.bckgrnd7 { background-color:#4D63A0 !important; } /* debats conferences */
.bckgrnd8 { background-color:#F29400 !important; } /* atelier stage */

.fillColor1 a, .fillColor1 h3, .fillColor1 h4, .fillColor1 .date { color:#009AC2 !important; } /* theatre */
.fillColor1 .discipline { background-color:#009AC2 !important; }
.fillColor1 #photosContainer a:hover { border:#009AC2 solid 2px;}
.fillColor1 #videosContainer a:hover { border:#009AC2 solid 2px;}

.fillColor2 a, .fillColor2 h3, .fillColor2 h4, .fillColor2 .date { color:#8BBB45 !important; } /* theatre */
.fillColor2 .discipline { background-color:#8BBB45 !important; }
.fillColor2 #photosContainer a:hover { border:#8BBB45 solid 2px;}
.fillColor2 #videosContainer a:hover { border:#8BBB45 solid 2px;}

.fillColor3 a, .fillColor3 h3, .fillColor3 h4, .fillColor3 .date { color:#888400 !important; } /* theatre */
.fillColor3 .discipline { background-color:#888400 !important; }
.fillColor3 #photosContainer a:hover { border:#888400 solid 2px;}
.fillColor3 #videosContainer a:hover { border:#888400 solid 2px;}

.fillColor4 a, .fillColor4 h3, .fillColor4 h4, .fillColor4 .date { color:#762B84 !important; } /* theatre */
.fillColor4 .discipline { background-color:#762B84 !important; }
.fillColor4 #photosContainer a:hover { border:#762B84 solid 2px;}
.fillColor4 #videosContainer a:hover { border:#762B84 solid 2px;}

.fillColor5 a, .fillColor5 h3, .fillColor5 h4, .fillColor5 .date { color:#e2007a !important; } /* theatre */
.fillColor5 .discipline { background-color:#e2007a !important; }
.fillColor5 #photosContainer a:hover { border:#e2007a solid 2px;}
.fillColor5 #videosContainer a:hover { border:#e2007a solid 2px;}

.fillColor6 a, .fillColor6 h3, .fillColor6 h4, .fillColor6 .date { color:#007265 !important; } /* theatre */
.fillColor6 .discipline { background-color:#007265 !important; }
.fillColor6 #photosContainer a:hover { border:#007265 solid 2px;}
.fillColor6 #videosContainer a:hover { border:#007265 solid 2px;}


.fillColor7 a, .fillColor7 h3, .fillColor7 h4, .fillColor7 .date { color:#4D63A0 !important; } /* theatre */
.fillColor7 .discipline { background-color:#4D63A0 !important; }
.fillColor7 #photosContainer a:hover { border:#4D63A0 solid 2px;}
.fillColor7 #videosContainer a:hover { border:#4D63A0 solid 2px;}


.fillColor8 a, .fillColor8 h3, .fillColor8 h4, .fillColor8 .date { color:#F29400 !important; } /* theatre */
.fillColor8 .discipline { background-color:#F29400 !important; }
.fillColor8 #photosContainer a:hover { border:#F29400 solid 2px;}
.fillColor8 #videosContainer a:hover { border:#F29400 solid 2px;}

/* CONTENT */

#content .promo {
	margin-bottom: 10px;
	clear:both;
	font: italic 22px/26px "Times New Roman", Times, serif;
	color: #ffffff;
	padding: 10px;
	margin-top: 32px;
	background-color:#009ac2;
	/*background-image:url(pictures/bckgrnd_theatre.gif);*/
	background-position:right;
	background-repeat:no-repeat;
}
#content .promo a { color: #ffffff; }



#content p { margin-bottom: 18px; }
#content h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px;}
#content h2 {
	margin-bottom: 10px;
	clear:both;
	font: italic bold 30px/18px "Times New Roman", Times, serif;
	color: #5c5c5c;
	border-bottom: 1px solid #5c5c5c;
	padding-bottom: 10px;
	text-transform: uppercase;
	margin-top: 32px;
}
#content h2 small { font-weight:normal; font-size:12px; }
#content h3 {
	font-weight: bold;
	font-size: 1em;
	line-height: 22px;
}
#content h4 { font-weight: bold; font-size: 12px; line-height: 18px; }
#content p.intro { font-weight: bold; }
#content .more { text-align: right; }

#content ul { margin-bottom: 18px; list-style: none outside; }
#content ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
#content ul.square,
#content ul.circle { margin-left: 2em; }
#content ul.square { list-style: square outside; }
#content ul.circle { list-style: circle outside; }
#content ul ul.circle,
#content ul ul.square { margin-top: 4px; margin-bottom: 5px; }
#content ol.sosumi { margin-left: 0; padding-left: 2em; }

#content li {  }
#content li li{ font-weight:normal; padding-bottom:0px;}
#content ul { margin-bottom: 18px; list-style: disc outside; margin-left: 25px;}
#content ul ul { margin-top: 4px; margin-bottom: 5px; }

/* GRID */

.grid1col { width:690px; float:left; margin: 0px 0px; clear:both; }

.grid2col .column { width:325px; float:left; margin: 0px 20px; }
.grid2col .column.first { margin-left: 0px; }
.grid2col .column.last { margin-right: 0px; }

.grid3col .column { width:200px; float:left; margin: 0px 20px; }
.grid3col .column.first { margin-left: 0px; }
.grid3col .column.last { margin-right: 0px; }

.grid4col .column { width:205px; float:left; margin: 0px 20px; }
.grid4col .column.first { margin-left: 0px; clear:both;}
.grid4col .column.last { margin-right: 0px; }

input, textarea { font-family:Verdana, Arial, Helvetica, sans-serif; }

/* INTERFACE */

#mainContainer {
	width: 980px;
	margin: 0px auto;
	}

#container {
	width: 980px;
	float:left;
	}

#header {
	width: 980px;
	height: 150px;
	background:url(pictures/espace_magh_header.png);
	background-repeat:no-repeat;
	background-position:top center;
	}

#container #leftColumn {
	width: 730px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	overflow:hidden;
	background-image:url(pictures/espace_magh_header.png);
	background-position: 0px -150px;
	background-repeat:no-repeat;
	}

#container #righColumn {
	width: 240px;
	float:left;
	margin: 0px 0px 0px 10px;
	padding: 40px 0px 0px 0px;
	overflow:hidden;
	background-image:url(pictures/espace_magh_header.png);
	background-position: -740px -150px;
	background-repeat:no-repeat;
	}

#menuTop {
	height:40px;
	line-height:40px;
	}

#content {
	width:690px;
	padding: 0px 20px 20px 20px;
	margin: 10px 0px 0px 0px;
	clear: both;
	background-color:#FFF;
	overflow:hidden;
	float:left;
	min-height:500px;
	}

#leftColumn #footer {
	width: 730px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	background-image:url(pictures/espace_magh_header.png);
	background-position: 0px -270px;
	background-repeat:no-repeat;
	}

#footerRightColumn {
	width: 240px;
	float:left;
	margin: 0px;
	padding: 40px 0px 0px;
	overflow:hidden;
	background-image:url(pictures/espace_magh_header.png);
	background-position: -740px -240px;
	background-repeat:no-repeat;
	}

/*----------------------------------------------------------------------------------------------------*/
#calendar {
	background-color:#F9F7F3;
	height:170px;
	width:220px;
	font-size:11px;
}

#calendar td{
	/*width:30px;*/
	apadding:5px;
	text-align:center;
}

#calendardNav, #calendardNav a { color:#FFF; background-color:#9D141C;}
#calendardNav td { height:25px; line-height:25px; }
#dayName td { height:25px; line-height:25px; }
#dayName td.we { background-color:#e0d8c2 !important;}
#calendar tr td.we { background-color:#f1ede1; }

#calendar #dayName {
	font-weight:bold;
	font-size:10px;
	background: #EBE6D6;
}

#calendar #dayName td{
	width:30px;
}


#calendar #month { }


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

.discipline { background-color:#666; color:#FFF; display:inline; font-size:9px; padding:1px 3px; }
.date { font-size:14px; font-weight:bold;}
.date small { font-weight:normal;}

/* A l'affiche */

a.elementALAffiche { text-decoration:none; color: #000000; cursor:pointer; }
a.elementALAffiche:hover { background-color:#ebe6d6; }

.elementALAffiche { float:left; clear:both; margin-bottom:40px; padding:5px;  }
.elementALAffiche .column1 { float:left; width:300px; overflow:hidden;}
.elementALAffiche .column2 { float:left; width:360px; overflow:hidden; margin-left:20px;}

.elementALAffiche h3 { font-size:24px !important; font-weight:normal !important; margin-top:15px;  }
.elementALAffiche .description { margin-top:20px; color:#000; }
.elementALAffiche .linkMore { margin-bottom:0px !important; }

/* Artistes */

a.elementArtiste { text-decoration:none; color: #000000; cursor:pointer; }
a.elementArtiste:hover { background-color:#ebe6d6; }

.elementArtiste { float:left; clear:both; border-bottom: 1px dotted #666; margin-bottom:0px; padding:10px 5px;  }
.elementArtiste .column1 { float:left; width:300px; overflow:hidden;}
.elementArtiste .column2 { float:left; width:360px; overflow:hidden; margin-left:20px;}

.elementArtiste h3 { font-size:20px !important; font-weight:normal !important; }
.elementArtiste .description { margin-top:20px; color:#000; }
.elementArtiste .linkMore { margin-bottom:0px !important; }

/* Prochainement */

a.elementProchainement { text-decoration:none; color: #000000; cursor:pointer; display:block; clear:both; }
a.elementProchainement:hover { background-color:#ebe6d6; }

.elementProchainement { width:680px; float:left; clear:both; border-bottom: 1px dotted #666; margin-bottom:0px;  padding:10px 5px;  }
.elementProchainement .column1 { float:left; width:150px; overflow:hidden; }
.elementProchainement .column2 { float:left; width:150px; overflow:hidden; margin-left:10px;}
.elementProchainement .column3 { float:left; width:360px; overflow:hidden; margin-left:10px;}

.picture { width:150px; height:110px; overflow: hidden; }
.elementProchainement h3 { font-size:20px !important; font-weight:normal !important;  }
.elementProchainement h3 small{ font-size:12px; display:block; font-weight:bold; margin-top:10px; color:#000;  }

.elementProchainement .description { margin-top:5px; color:#000; }
.elementProchainement .linkMore { margin-bottom:0px !important; }

/* Agenda */

.elementAgenda { float:left; clear:both; margin-bottom:40px;  }
.elementAgenda .column1 {
	float:left;
	width:300px;
	overflow:hidden;
}
.elementAgenda .column2 { float:left; width:370px; overflow:hidden; margin-left:20px; }

.elementAgenda h3 { font-size:24px !important; font-weight:normal !important; margin-top:15px;  }
.elementAgenda h3 small{ font-size:12px; display:block; font-weight:bold; margin-top:10px; color:#000;  }

.elementAgenda h4 { 
	margin-bottom: 10px;
	clear:both;
	font-family:"Times New Roman", Times, serif;
	color: #5c5c5c;
	border-bottom: 1px solid #5c5c5c;
	padding-bottom: 10px;
	text-transform: uppercase;
	margin-top: 32px;
	font-style:italic;
	font-size:18px!important; display:block; font-weight:bold; margin-top:10px;
	}

.elementAgenda .description { margin-top:20px;}
.elementAgenda .description2 { margin-top:20px;}

.elementAgenda .linkMore { margin-bottom:0px !important; }



.elementAgenda .tableDate { width:100%;}
.elementAgenda .tableDate tr td { border-bottom:#666 dotted 1px;}
.elementAgenda .tableDate tr:hover { background-color:#ebe6d6;}

.elementAgenda .tableDate a:hover { background-color:#ebe6d6; acursor:default;}

.elementAgenda .tableDate a:hover { background-color:#ebe6d6; acursor:default;}



/* Liste des disciplines */
#btnToggleDiscipline {
	display:block;
	background-image:url(pictures/btn_slide1.jpg);
	background-repeat:no-repeat;
	line-height:25px;
	height:25px;
	padding: 0px 0px 0px 30px;
	background-position:0px -25px;
	cursor:pointer;
	}

#btnToggleDiscipline.toggled{ background-position:0px 0px; }

.disciplineList a { text-decoration:none; }
.disciplineList { background-color:#f3efe7; padding:10px;	}

.disciplineList { font-weight:bold;}
.disciplineList li {  }
.disciplineList li li{ font-weight:normal; padding-bottom:0px;}
.disciplineList ul { margin-bottom: 18px; list-style: disc outside; margin-left: 25px;}
.disciplineList ul ul { margin-top: 4px; margin-bottom: 5px; }


.disciplineListHorizontal .separator { padding:0px 1px; color:#cccccc; }
.disciplineListHorizontal li { display:inline; list-style: disc outside; margin-left: 2px;}
.disciplineListHorizontal li a { text-decoration:none; text-transform:uppercase; font-size:9px; }
.disciplineListHorizontal li a:hover { text-decoration:underline; }
.adress { clear:both; display:block; margin-bottom:0px !important; float:left; width:690px; }

.disciplineListHorizontal {
	margin-top:10px;
	display:block;
	float:left;
	clear:both;
	border-top: 1px dotted #666;	
	border-bottom: 1px dotted #666;
	width:690px;
	margin: 0px 0px 16px 0px !important;
	padding:10px 0px;
}


.btnToggle2 {
	display:block;
	background-image:url(pictures/btn_slide2.jpg);
	background-repeat:no-repeat;
	line-height:19px;
	height:19px;
	padding: 0px 0px 0px 25px;
	background-position:left -19px;
	cursor:pointer;
	border: 0px none !important;
	margin: 5px 0px 5px 0px !important;
	text-decoration:underline;
	}
.btnToggle2.toggled{ background-position:left 0px; clear:both; }



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

#agendaTitle {
	height:30px;
	padding:0px 0px 20px 20px;
	font: italic 20px/20px "Times New Roman", Times, serif;
	color: #FFF;
	text-transform: uppercase;
}

#contentRightColumn { background-color:#FFF; padding:0px 10px;}

div.search {
	float:left;
	margin: 10px 0px;
	padding: 10px 0px;
	border-top: 1px dotted #666;
	border-right: 1px none #666;
	border-bottom: 1px dotted #666;
	border-left: 1px none #666;
}

div.search input.query {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 5px;
	background: #fff url('../images/search.gif') center left no-repeat;
	width: 175px;
	height:16px;
	line-height:16px;
	display:block;
	float:left;
	font-size:10px;
	border-top: 1px solid #9d141c;
	border-bottom: 1px solid #6e0e14;
	border-left: 1px solid #9d141c;
	border-right-width: 0px;
}

div.search input.search {
	border: none;
	background: #9D141C url(pictures/btn_ok.gif);
	font-weight: bold;
	color: #fff;
	height:22px;
	width:36px;
	font-size:10px;
	display:block;
	float:left;
	cursor:pointer;
}

/* */

#photosContainer {
	float:left;
	border-top:#CCC dotted 1px;
	padding-top: 5px;
	width:300px;
	margin-bottom: 10px;
}
#photosContainer h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	font-style:normal;
	color:#000 !important;
	border-bottom:none;
	text-transform:none;
	padding-bottom:0px;
	font-weight:normal;
	}
#photosContainer a {
	border:#FFF solid 2px;
	float:left;
}
#photosContainer a:hover { }
#photosContainer img { margin: 0px 0px 0px 0px; margin:0px auto; }
#btnTogglePhotos { margin: 0px 0px 10px 0px; border:none;}

#btnTogglePhotos_content { clear:both;float:left; width:300px;}

/* */

#videosContainer { clear:both; float:left; border-top:#CCC dotted 1px; padding: 10px 0px 0px 0px; margin-bottom: 10px; width:300px;}

#videosContainer .column1 { width:124px; height:74px; float:left; clear:both;}
#videosContainer .column2 { width:150px; float:left; margin:0px 0px 0px 5px;}

#videosContainer a {
	border:#FFF solid 2px;
	float:left;
}
#videosContainer a:hover { }

#videosContainer h4 { 	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	font-style:normal;
	color:#000 !important;
	border-bottom:none;
	text-transform:none;
	padding-bottom:0px;
	font-weight:normal;
}

#btnToggleVideos_content { clear:both;float:left; width:300px;}

#linkMoreContainer { clear:both; border-top:#CCC dotted 1px; padding-top: 5px;}
#linkMoreContainer h4 {	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	font-style:normal;
	color:#000 !important;
	border-bottom:none;
	text-transform:none;
	padding-bottom:0px;
	}
	
	
	
.tableEquipe { width:690px; }
.tableEquipe tr td {
	text-align:left;
	vertical-align:top;
	padding:10px 0px;
	border-bottom:1px dotted #CCC;
}

.tableEquipe a { font-size:11px; color:#666; }
.tableEquipe em { color:#666; }



#resultHeader { width:650px; height:40px; background-image:url(pictures/bckgrnd_result.gif); line-height:30px; font-size:14px; padding: 0px 20px; color:#FFF; float:left; clear:both; margin: 10px 0px; }
#resultHeader strong { color:#FFF; }

#paging {
	float:left;
	width:670px;
	height:30px;
	background-image:url(pictures/bckgrnd_paging.gif);
	line-height:30px;
	font-size:14px;
	padding: 10px 10px 0px 10px;
	clear:both;
	margin: 20px 0px 20px 0px !important;
	text-align:center;
}
#paging a { padding:0px 5px;}
#paging a.currentPage { text-decoration:none; }


/* Formulaire*/

/*label { width: 10em; float: left; } */
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; font-size:11px; }

.table_form td{ padding:5px; }
.table_form tfoot tr td { border-top:solid #900 1px; }

.table_form select { padding: 2px 2px 2px 5px; height:22px; }
.table_form textArea { height:100px; width:200px; }
	
.table_form .btn_submit_m {
	border: none;
	text-align:center;
	background: #9D141C url(pictures/btn_submit.gif);
	font-weight: bold;
	color: #fff;
	height:22px;
	width:100px;
	font-size:10px;
	display:block;
	float:left;
	cursor:pointer;
	}

.input_xs, .input_s, .input_m, .input_l, .input_xl,
.select_xs, .select_s, .select_m, .select_l, .select_xl,
.textArea {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 5px;
	height:16px;
	line-height:16px;
	display:block;
	float:left;
	font-size:12px;
	border-top: 1px solid #9d141c;
	border-bottom: 1px solid #6e0e14;
	border-left: 1px solid #9d141c;
	border-right: 1px solid #6e0e14;
}

.input_xs { width:35px; }
.input_s { width:50px; }
.input_m { width:100px; }
.input_l { width:150px; }
.input_xl { width:200px; }
.input_xxl { width:395px; }

.select_xs { width:40px; }
.select_s {	width:55px; }
.select_m {	width:105px; }
.select_l {	width:155px; }
.select_xl { width:255px; }
.select_xxl { width:400px; }

.checkbox { }


/* */

#restezInforme, #bibliotheque, #parking {
	background-color:#FFF;
	margin:10px 0px 0px 0px;
	padding:10px;
}

#restezInforme h2, #bibliotheque h2, #parking h2{
	margin-top: 0px;
	clear:both;
	font: italic bold 18px/18px "Times New Roman", Times, serif;
	color: #9d141c;
	padding-bottom: 0px;
	text-transform: uppercase;
	margin-bottom: 0px;
	font-weight:normal;
}
#restezInforme h2.underline, #bibliotheque h2.underline, #parking h2.underline{
	margin-top: 0px;
	clear:both;
	font: italic bold 18px/18px "Times New Roman", Times, serif;
	color: #9d141c;
	border-bottom: 1px solid #ce8a8e;
	padding-bottom: 3px;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight:normal;
}


.btn_facebook, .btn_youtube {
	display:block;
	line-height:27px;
	padding-left: 35px;
	color:#000 !important;
	margin: 5px 0px;
}

.btn_facebook { background:url(pictures/ico_facebook.gif) no-repeat left center; }
.btn_youtube { background:url(pictures/ico_youtube.gif) no-repeat left center; }


.separator2 {
	line-height:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #666;
}


.infosSmall, .complet { font-size:11px; padding:2px 0px; line-height:14px; }
.infosSmall strong { color:#000000; font-weight:bold; }
.infosSmall small { color:#CCC; }


.table_liens tr td { padding:10px; border-bottom:#CCC dotted 1px; }
.table_liens { width:500px; }

.table_tarif tr td { padding:3px; }
.table_tarif tr .borderBottom, .table_tarif tr.borderBottom td { border-bottom:#CCC dotted 1px; }

.table_artiste tr td { padding:5px; }
.table_artiste tr .borderBottom, .table_artiste tr.borderBottom td { border-bottom:#CCC dotted 1px; }