/* CSS Document */

/************ TEXT STYLES ************/
.text1 {
	font-size:8px;
}
.text2 {
	font-size:10px;
}
.text3 {
	font-size:12px;
}
.text4 {
	font-size:14px;
}
.text5 {
	font-size:11px;
}
.textColorWhite {
	color:#FFFFFF;
}
.textColorGray {
	color:#CCCCCC;
}
.textColorDarkGray {
	color:#999999;
}
.textItalic {
	font-style:italic;
}
a {
	text-decoration:underline;
	color:#CCCCCC;
}
a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
.date {
	font-size:10px;
	color:#999999;
}
.titre {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}
.detail {
	font-size:10px;
	color:#CCCCCC;
}
.ancreTop {
	position:absolute;
	left:0px;
	top:0px;
}

/*********** FORMULAIRES **************/

form {
	padding:0;
	margin:0px 0px 10px 0px;
}

label {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
	margin-right:5px;
	margin-bottom:10px;
}

input {
	border:#999999 1px solid;
	background-color:#666666;
	color:#FFFFFF;
	margin-left:5px;
}

select {
	border:#999999 1px solid;
	background-color:#666666;
	color:#FFFFFF;
	margin-left:5px;
}

.messageErreur {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF0000;
	margin-bottom:5px;
}

/************ MAIN LAYOUT *************/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	margin:0px;
	margin-bottom:10px;
	scrollbar-face-color:#222222; 
	scrollbar-shadow-color:#000000; 
	scrollbar-highlight-color:#666666; 
	scrollbar-3dlight-color:#333333; 
	scrollbar-darkshadow-color:#000000; 
	scrollbar-track-color:#333333; 
	scrollbar-arrow-color:#cccccc;
}

#mainTable {
	margin:0px;
	padding:0px;
	width:100%;
}

/************ MAIN DIVs *************/
#mainDiv {
	position:relative;
	margin:0px;
	padding:0px;
	width:770px;
	min-width:770px;
	max-width:770px;
}

#mainHeader {
	position:relative;
	background-color:#000000;
	margin:0px;
	padding:0px;
	width:770px;
	min-width:770px;
	max-width:770px;
	height:313px;
	min-height:313px;
	max-height:313px;
}

#mainTitle {
	position:relative;
	background-color:#000000;
	margin:0px;
	padding:0px;
	width:770px;
	min-width:770px;
	max-width:770px;
	height:41px;
	min-height:41px;
	max-height:41px;
}

#mainContent {
	position:relative;
	background-image:url(../images/layout_content_fill.jpg);
	background-position:top;
	background-repeat:repeat-y;
	margin:0px;
	padding:0px;
	width:770px;
	min-width:770px;
	max-width:770px;
}

#mainFooter {
	position:relative;
	background-image:url(../images/layout_footer.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	width:770px;
	min-width:770px;
	max-width:770px;
	height:90px;
	min-height:90px;
	max-height:90px;
}

#copyright {
	position:relative;
	margin:0px;
	padding:5px;
	width:770px;
	min-width:770px;
	max-width:770px;
	color:#333333;
}

#copyright a {
	text-decoration:none;
	color:#666666;
}
#copyright a:hover {
	color:#333333;
	text-decoration:underline;
}
	
/************ CONTENT STYLE *************/
#content {
	position:relative;
	background-image:url(../images/layout_content_top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:transparent;
	width:770px;
	min-width:770px;
}

.layoutBox1 {
	position:relative;
	vertical-align:top;
	margin:0px;
	padding:0px;
	width:215px;
	min-width:215px;
	max-width:215px;
}

.box1Header {
	position:relative;
	/*background-image:url(../images/box1_titre_bienvenue.jpg);
	background-position:top;
	background-repeat:no-repeat;*/
	vertical-align:bottom;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:215px;
	min-width:215px;
	max-width:215px;
	height:29px;
	min-height:29px;
	max-height:29px;
}

.box1Content {
	position:relative;
	vertical-align:top;
	margin:0px;
	padding:0px;
	background-image:url(../images/box1_content.jpg);
	background-position:top;
	background-repeat:repeat-y;
	width:215px;
	min-width:215px;
	max-width:215px;
}

.box1Footer {
	position:relative;
	vertical-align:top;
	margin:0px;
	padding:0px;
	background-image:url(../images/box1_bottom.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:215px;
	min-width:215px;
	max-width:215px;
	height:3px;
	min-height:3px;
	max-height:3px;
}

.layoutBox2 {
	position:relative;
	vertical-align:top;
	margin:0px;
	padding:0px;
	width:242px;
	min-width:242px;
	max-width:242px;
}

.box2Header {
	position:relative;
	margin:0px;
	padding:0px;
	width:242px;
	min-width:242px;
	max-width:242px;
	height:29px;
	min-height:29px;
	max-height:29px;
}

.box2Content {
	position:relative;
	margin:0px;
	padding:0px;
	background-image:url(../images/box2_content.jpg);
	background-position:top;
	background-repeat:repeat-y;
	width:242px;
	min-width:242px;
	max-width:242px;
	/*height:600px;
	min-height:600px;*/
}

.box2Footer {
	position:relative;
	margin:0px;
	padding:0px;
	background-image:url(../images/box2_bottom.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:242px;
	min-width:242px;
	max-width:242px;
	height:3px;
	min-height:3px;
	max-height:3px;
}

.layoutBox3 {
	position:relative;
	vertical-align:top;
	margin:0px;
	padding:0px;
	width:613px;
	min-width:613px;
	max-width:613px;
}

.box3Header {
	position:relative;
	margin:0px;
	padding:0px;
	width:613px;
	min-width:613px;
	max-width:613px;
	height:29px;
	min-height:29px;
	max-height:29px;
}

.box3Content {
	position:relative;
	margin:0px;
	padding:0px;
	background-image:url(../images/box3_content.jpg);
	background-position:top;
	background-repeat:repeat-y;
	width:613px;
	/*min-width:613px;
	max-width:613px;
	min-height:375px;*/
}

.box3Footer {
	position:relative;
	margin:0px;
	padding:0px;
	background-image:url(../images/box3_bottom.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:613px;
	min-width:613px;
	max-width:613px;
	height:4px;
	min-height:4px;
	max-height:4px;
}

.layoutBox4 {
	position:relative;
	vertical-align:top;
	margin:0px;
	padding:0px;
	width:511px;
	min-width:511px;
	max-width:511px;
}

.box4Header {
	position:relative;
	margin:0px;
	padding:0px;
	width:511px;
	min-width:511px;
	max-width:511px;
	height:29px;
	min-height:29px;
	max-height:29px;
}

.box4Top {
	position:relative;
	margin:0px;
	padding:0px;
	background-image:url(../images/box4_top.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:511px;
	min-width:511px;
	max-width:511px;
	height:4px;
	min-height:4px;
	max-height:4px;
}

.box4Content {
	position:relative;
	vertical-align:top;
	margin:0px;
	padding:0px;
	background-image:url(../images/box4_content.jpg);
	background-position:top;
	background-repeat:repeat-y;
	width:511px;
	min-width:511px;
	max-width:511px;
	/*min-height:375px;*/
}

.box4Footer {
	position:relative;
	margin:0px;
	padding:0px;
	background-image:url(../images/box4_bottom.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:511px;
	min-width:511px;
	max-width:511px;
	height:4px;
	min-height:4px;
	max-height:4px;
}

.box5Content {
	position:relative;
	margin:0px;
	padding:0px;
	background-image:url(../images/box5_content.jpg);
	background-position:top;
	background-repeat:repeat-y;
	width:613px;
	min-width:613px;
	max-width:613px;
}

.box5Footer {
	position:relative;
	margin:0px;
	padding:0px;
	background-image:url(../images/box5_bottom.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:613px;
	min-width:613px;
	max-width:613px;
	height:4px;
	min-height:4px;
	max-height:4px;
}

.layoutBox6 {
	position:relative;
	vertical-align:top;
	margin:0px;
	padding:0px;
	width:694px;
	min-width:694px;
	max-width:694px;
}

.box6Top {
	position:relative;
	margin:0px;
	padding:0px;
	background-image:url(../images/box6_top.png);
	background-position:bottom;
	background-repeat:no-repeat;
	width:694px;
	min-width:694px;
	max-width:694px;
	height:4px;
	min-height:4px;
	max-height:4px;
}

.box6Content {
	position:relative;
	margin:0px;
	padding:0px;
	background-image:url(../images/box6_content.png);
	background-position:top;
	background-repeat:repeat-y;
	width:694px;
	min-width:694px;
	max-width:694px;
	text-align:left;
}

.box6Footer {
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px;
	background-image:url(../images/box6_bottom.png);
	background-position:top;
	background-repeat:no-repeat;
	width:694px;
	min-width:694px;
	max-width:694px;
	height:4px;
	min-height:4px;
	max-height:4px;
}


.boxAccueil {
	/*height:480px;*/
	min-height:480px;
}

.boxContentTextJustify {
	position:relative;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	text-align:justify;
}

.boxContentTextCenter {
	position:relative;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}

.boxContentTextLeft {
	position:relative;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
}
/************ FOOTER STYLE *************/

#footerLinks1 {
	position:absolute;
	left:440px;
	top:50px;
}
#footerLinks2 {
	position:absolute;
	left:250px;
	top:70px;
}
#flecheHaut {
	position:absolute;
	left:745px;
	top:2px;
	width:15px;
	min-width:15px;
	height:10px;
	min-height:10px;
}
/*********** PAGE GLOBALES *************/
.titrePages {
	position:relative;
	width:770px;
	min-width:770px;
	height:41px;
	min-height:41px;
}

.tableContent {
	position:relative;
	vertical-align:top;
	margin:0px;
	padding:0px;
	width:770px;
}

.itemMenu {
	position:relative;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:5px;
	margin:0px;
	cursor:hand;
}

.itemMenu a {
	color:#FFFFFF;
	text-decoration:underline;
}

.itemMenu a:hover {
	color:#CCCCCC;
	text-decoration:none;
}




/************ PAGE ACCUEIL *************/
#titreAccueil {
	background-image:url(../images/layout_titre_accueil.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

/********* PAGE PROGRAMMATION **********/
#titreProg {
	background-image:url(../images/layout_titre_prog.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#progPieceTextContent {
	position:relative;
	width:100%;
	text-align:center;
	background-image:url(../images/logo2.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
.progActiviteContent {
	position:relative;
	width:297px;
	margin:0px;
	padding:5px;
	text-align:left;
	height:65px;
	min-height:65px;
	max-height:65px;
}
.progActiviteTextContent {
	position:relative;
	text-align:left;
	margin:0px 0px 0px 26px;
	padding:0px;
	height:60px;
	line-height:17px;
	cursor:pointer;
}

.progDetailActivitesContent {
	position:relative;
	display:block;
	width:285px;
	/*height:600px;
	min-height:600px;*/
	margin:0px;
	/*padding:0px 15px 0px 0px;*/
	padding:10px;
	text-align:left;
	/*overflow:auto;*/
}
.progDetailActiviteContent {
	/*position:absolute;*/
	display:none;
	/*visibility:visible;
	left:5px;
	top:5px;
	width:280px;*/
	margin:0px;
	padding:0px;
}

.progActiviteDate {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
}

.progActiviteType {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

.progActiviteTitre {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-style:italic;
}

#progDetailActiviteImage {
	margin:0px 5px 5px 0px;
}

.progDetailActiviteTitre {
	position:relative;
	width:100%;
	margin:3px 0px 10px 0px;
	text-align:center;
}

.progDetailActiviteInfo {
	position:relative;
}

.progDetailActiviteBlocInfo {
	position:relative;
	margin-top:8px;
}

.progIcone {
	position:relative;
	float:left;
	margin:5px 0px 0px 0px;
	padding:0px;
	width:25px;
	/*height:75px;*/
	text-align:center;
}

/*********** PAGE THEATRE ***********/

#titreTheatre {
	background-image:url(../images/layout_titre_theatre.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.theatreMenuContent {
	position:relative;
	background-image:url(../images/logo1.jpg);
	background-position:center;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	text-align:left;
}
.theatreDetailContent {
	position:relative;
	margin:0px;
	padding:5px;
	text-align:justify;
}

/*********** PAGE LA SALLE ***********/

#titreSalle {
	background-image:url(../images/layout_titre_salle.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

/*********** PAGE RESERVATIONS ***********/

#titreReservations {
	background-image:url(../images/layout_titre_reservations.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.reservationsContentBox {
	position:relative;
	width:500px;
	padding:5px;
	text-align:center;
}

.reservationsDetailContent {
	position:relative;
	margin:0px;
	padding:5px;
	text-align:left;
}
/*********** PAGE FINANCEMENT ***********/

#titreFinancement {
	background-image:url(../images/layout_titre_financement.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.financementContentBox {
	position:relative;
	/*display:block;*/
	width:500px;
	padding:5px;
	text-align:center;
}


/*********** PAGE NOUS REJOINDRE ***********/

#titreContact {
	background-image:url(../images/layout_titre_contact.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
.contactContent {
	position:relative;
	width:100%;
	text-align:center;
}

.contactBox {
	position:relative;
	background-image:url(../images/box_contact.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:382px;
	min-width:382px;
	max-width:382px;
	height:245px;
	min-height:245px;
	max-height:245px;
	text-align:left;
}
.contactBoxContent {
	position:relative;
	width:220px;
	padding-top:10px;
	text-align:center;
}
.contactBoxContent a {
	color:#FFFFFF;
	text-decoration:none;
}
.contactBoxContent a:hover {
	color:#CCCCCC;
	text-decoration:underline;
}
/*********** PAGE LIENS ***********/

#titreLiens {
	background-image:url(../images/layout_titre_liens.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#liensTextContent {
	position:relative;
	text-align:left;
	padding:5px;
	background-image:url(../images/logo2.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

/*********** PAGE MEMBRES ***********/

#titreMembres {
	background-image:url(../images/layout_titre_membres.jpg);
	background-position:top;
	background-repeat:no-repeat;
}


/*********** PAGE ARCHIVES ***********/
#titreArchives {
	background-image:url(../images/layout_titre_archives.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

#frmArchives {
	/*float:left;*/
}

.eventTextWrap {
	float:left;
	display:block;
}

.eventImageWrap {
	float:right;
	padding:3px 8px 3px 8px;
}

.eventAlbumWrap {
	position:relative;
	width:665px;
	margin:0px 7px 0px 7px;
	padding:5px;
	border:#999999 1px solid;
}

.eventAlbumWrap:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
}

.eventType {
	float:left;
	margin:0px 3px 0px 4px;
}

.eventTitle {
	padding:3px 0px 3px 0px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

.eventDate {
	padding-bottom:10px;
	font-size:12px;
	font-weight:bold;
	color:#CCCCCC;
}

.eventLabel {
	padding-left:7px;
	padding-bottom:2px;
	/*float:left;*/
	font-size:12px;
	font-weight:bold;;
	color:#AAAAAA;
}

.eventInfo {
	padding-left:7px;
	padding-bottom:7px;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
}

.eventDesc {
	text-align:justify;
	font-size:11px;
}

.eventInfo P {
	padding:0px 0px 4px 0px;
	margin:0;
}

.eventInfo UL {
	padding:0px 0px 0px 30px;
	margin:0;
}

.eventInfo LI {
	padding:0px 0px 1px 0px;
	margin:0;
}

.eventSeparator {
	margin:0px;
	padding:15px 0px 15px 0px;
}

/****************************************/
/*			ALBUMS PHOTOS				*/
/****************************************/

.albumPhotoBox {
	position:relative;
	float:left;
	width:100px;
	height:100px;
	padding:0px;
	margin:4px;
	background-color:#222222;
	border:#222222 1px solid;
	text-align:center;
}

.albumPhotoImgPaysage {
	margin-top:12px;
	margin-bottom:13px;		/* Pour corriger un bug d'affichage des vignettes dans IE6
}