html, body {
	height: 100%;
	}
body {
	xbackground-image: url(../images/bg/pattern_bg5.gif);
	background-image: url(../images/bg/bg7.jpg);
	xbackground-repeat: repeat-y;
	xbackground-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-position: top;
	}
body a {
	text-decoration: none;
	color: #006699;
	}
body sup {
	vertical-align: 25%;
	}
body a:hover {
	text-decoration: underline;
	}
	
.shadow {
	width: 100%;
	xxbackground: url(../images/bg/shadow4.gif) repeat-y bottom right;
	xxbackground-image: url(../images/bg/shadowAlpha88.png);
	background: url(../images/bg/shadow.gif) repeat-y bottom right;
	background-image: url(../images/bg/shadowAlpha.png);
	margin-left: auto;
	margin-right: auto;
	background-position: center center;		
	xmargin: 0 auto;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}

div.page {
	width: 775px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;	
	margin: 0 auto;
	xposition: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	}	
	
/* EN-TÊTE 
--------------------------------------------- */
#header {
	xbackground-color: #fff;
	background-image: url(../images/header/header780.jpg);
	background-repeat: no-repeat;
 	width: 775px;
	height: 105px;
	}
.headertitre {
	position:absolute;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
#headerlink {float:right;}

#header #subnav {
	margin: 2px;
	padding: 0;
	list-style: none;
	font-weight:bold;
	}
#header #subnav li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0;
	background-color: #369;
	}	
#header #subnav li.last {
	margin-right: 3px;
	}
#header #subnav li a {
	text-decoration: none;
	color: #fff;
	}
#header #subnav li a:hover {
	color: #fff;
	text-decoration: underline;
	}
#header #subnav li a#login {
	padding-left: 15px;
	background: url(../images/header/login.gif) no-repeat 0 50%;
	}
#header #subnav li a#contacts {
	padding-left: 15px;
	background: url(../images/header/enveloppe.gif) no-repeat 0 50%;
	}

/* NAVIGATION 
--------------------------------------------- */
#nav {
	width: 775px;
	xheight: 33px;
	xbackground-color: #369;
	}
#nav #menu {
	margin-left: -40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
#nav #menu img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
#nav #menu li {
	float: left;
	display: inline;
	list-style-type: none;
	}
.clear {clear:both}

/* COLONNES 
--------------------------------------------- */
#core {padding: 8px 8px 60px 8px;}

#col-1 {
	width: 183px;
	float: left;
	padding: 0px 4px 0px 0px;
	}
#col-2 {
	width: 311px;
	padding: 0px 4px 0px 4px;
	margin-left: 183px
	}
#col-3 {
	width: 243px;
	float: right;
	padding: 0px 0px 0px 4px;
	}
#col-12 {
	width: 503px;
	padding: 0px 4px 0px 0px;
	}
#col-23 {
	width: 563px;
	padding: 0px 0px 0px 4px;
	margin-left: 183px
	}
#col-123 {
	width: 754px;
	padding: 0px 0px 0px 0px;
}
/* colonnes répétitives */
#col-1-2 {
	width: 183px;
	float: left;
	padding: 0px 4px 0px 0px;
	}
#col-1-3 {
	width: 183px;
	float: left;
	padding: 0px 4px 0px 0px;
	}
#col-1-4 {
	width: 183px;
	float: left;
	padding: 0px 4px 0px 0px;
	}
#col-12-2 {
	width: 503px;
	padding: 0px 4px 0px 0px;
	}
#col-12-3 {
	width: 503px;
	padding: 0px 4px 0px 0px;
	}
#col-12-4 {
	width: 503px;
	padding: 0px 4px 0px 0px;
	}
#col-23-2 {
	width: 563px;
	padding: 0px 0px 0px 4px;
	margin-left: 183px
	}
#col-23-3 {
	width: 563px;
	padding: 0px 0px 0px 4px;
	margin-left: 183px
	}
#col-23-4 {
	width: 563px;
	padding: 0px 0px 0px 4px;
	margin-left: 183px
	}
#col-3-2 {
	width: 243px;
	float: right;
	padding: 0px 0px 0px 4px;
	}
#col-3-3 {
	width: 243px;
	float: right;
	padding: 0px 0px 0px 4px;
	}
#col-3-4 {
	width: 243px;
	float: right;
	padding: 0px 0px 0px 4px;
	}
/* BAS DE PAGE 
--------------------------------------------- */	
#footer {
	width: 754px;
	padding: 15px 8px 3px 8px;
	font-size: 10pt;
	color: #999;	
 	position: absolute;
 	bottom: 0 !important;
 	bottom: -1px; /* For Certain IE widths */
 	height: 40px;
	margin-left: 0px;
	background-color: #fff;
	}
.hr {
	border-top-style: solid;
	border-top-color: #ccc;
	border-top-width: thin;
	}	

/* COLONNE DE GAUCHE
--------------------------------------------- */
#col-3 .titre {
	background: #ededed;
	font-family: "Times New Roman", Times, serif;
	font-size: large;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	}

/* Accueil :: événements */
#evenements-shadow {
	width: 243px;
	background: url(../images/bg/bgbtes.gif) no-repeat bottom center;
	padding-bottom: 9px;
	}
#evenements {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
	}
#evenementsxmas {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: url(../images/bg/xmasbg.gif) no-repeat bottom;
	}
.evenements-texte {
	font-size: 85%;
	padding: 7px;
	list-style-image: url(../images/puce.gif);
	list-style-position: outside;
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
.evenements-culture-texte {
	font-size: 85%;
	padding: 7px;
	list-style-position: outside;
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
#evenementsxmas p {
	font-size: 85%;
	margin-bottom: 0px;
	margin-top: 7px	;
	margin-left: 5px;
	margin-right: 3px;
        }
#evenementsxmas h3 {
	font-size: 85%;
	margin-bottom: 0px;
	margin-top: 7px	;
	margin-left: 5px;
	margin-right: 3px;
        }
.evenement-img { float: left;}

/* Accueil :: Comité 35e */
#comite-shadow {
	width: 243px;
	background: url(../images/bg/bgbtes.gif) no-repeat bottom center;
	padding-bottom: 9px;
	padding-top: 5px;
	}
#comite {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #ededed;
	padding-bottom: 9px;
	background-image: url(../images/bg/bg-comite2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}	
#comite .titre1 {
	font-family: "Times New Roman", Times, serif;
	font-size: large;
	font-weight: bold;
	padding: 5px;
	}
#comite .titre2 {
	font-weight: bold;
    margin-bottom: 0px;
	margin-top: 0px;
	}
.comite-texte {
	font-size: 85%;
	padding: 7px;
	list-style-image: url(../images/puce.gif);
	list-style-position: outside;
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
#comite p {
	font-size: 85%;
	margin-bottom: 0px;
	margin-top: 7px	;
	margin-left: 5px;
	margin-right: 3px;
        }	
/* Accueil :: Nouveautés */
#nouveautes-shadow {
	width: 243px;
	background: url(../images/bg/bgbtes.gif) no-repeat bottom center;
	padding-bottom: 9px;
	padding-top: 5px;
	}
#nouveautes {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
	}	
.nouveautes-texte {
	font-size: 85%;
	padding: 7px;
	list-style-image: url(../images/puce.gif);
	list-style-position: outside;
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}

/* Historique :: Directeurs */
#directeurs-shadow {
	width: 243px;
	background: url(../images/bg/bgbtes.gif) no-repeat bottom center;
	padding-bottom: 9px;
	padding-top: 5px;
	}
#directeurs {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
	padding-bottom:7px;
	}	
#directeurs table {
	font-size: 85%;
	margin-left: 5px;
	margin-top: 5px;
	}

/* Historique :: Microsillons */
#microsillons-shadow {
	width: 243px;
	background: url(../images/bg/bgbtes.gif) no-repeat bottom center;
	padding-bottom: 9px;
	padding-top: 5px;
	}
#microsillons {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
	}
.microsillons-texte {
	font-size: 85%;
	padding: 7px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	vertical-align: bottom;	
	}
#microsillons table {
	margin-left: 5px;
	margin-top: 5px;
	}
	
#microsillons td {
	padding-left: 1px;
	padding-right: 3px;
	padding-bottom: 9px;
	}

/* Réalisations :: voir les réalisations */
#realisations-shadow {
	width: 243px;
	background: url(../images/bg/bgbtes.gif) no-repeat bottom center;
	padding-bottom: 9px;
	padding-top: 5px;
	}
#realisations {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
	xpadding-bottom:7px;
	}	
.realisations-texte {
	font-size: 85%;
	padding: 7px;
	list-style-image: url(../images/puce.gif);
	list-style-position: outside;
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
#realisations table {
	xfont-size: 85%;
	margin-left: 0px;
	margin-top: 0px;
	width: 90%;
	margin-bottom: 5px;
	clear: left;
	}
	
.realisation-liste {margin-top: 10px;}

/* Réalisations-mechantesoiree :: affiche */
.raffiche {border:1px solid #ccc;} 

/* Réalisations-mechantesoiree :: photos */
#rphotos-shadow {
	width: 243px;
	background: url(../images/bg/bgbtes.gif) no-repeat bottom center;
	padding-bottom: 9px;
	padding-top: 5px;
	}
#rphotos {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
	xpadding-bottom:7px;
	}	
#rphotos-img {
	text-align: center;
	margin-top: 3px;
	}
.rphotos {
	background-color:#fff;
	padding: 6px;
	margin-left: 0px;
	border:1px solid #ccc;
	}
.rphotos-texte {
	font-size: 85%;
	padding: 7px;
	list-style-image: url(../images/puce.gif);
	list-style-position: outside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}

/* Réalisations-mechantesoiree :: extraits */
#extraits-shadow {
	width: 243px;
	background: url(../images/bg/bgbtes.gif) no-repeat bottom center;
	padding-bottom: 9px;
	padding-top: 5px;
	}
#extraits {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
	xpadding-bottom:7px;
	}	
.extraits-texte {
	font-size: 85%;
	padding: 7px;
	list-style-type: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}

/* Réalisations-mechantesoiree :: équipe de production */
#production-shadow {
	width: 243px;
	background: url(../images/bg/bgbtes.gif) no-repeat bottom center;
	padding-bottom: 9px;
	padding-top: 5px;
	}
#production {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
	xpadding-bottom:7px;
	}	
.production-texte {
	font-size: 85%;
	padding: 7px;
	list-style-type: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
#production dd {
	margin-left: 0px;
	}
#production dt {
	font-weight: bold;
	}
.production-sstitre {
	margin-top: 7px;
}

/* Réalisations-xyz :: à propos du spectacle */
#propos-shadow {
	width: 243px;
	background: url(../images/bg/bgbtes.gif) no-repeat bottom center;
	padding-bottom: 9px;
	padding-top: 5px;
	}
#propos {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
	xpadding-bottom:7px;
	}	
#propos p {
	font-size: 85%;
	padding: 7px;
	list-style-type: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
#propos h3 {
	font-size: 85%;
	padding: 7px;
	list-style-type: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}

/* Vie chorale :: Audition */
#audition-shadow {
	width: 243px;
	background: url(../images/bg/bgbtes.gif) no-repeat bottom center;
	padding-bottom: 9px;
	padding-top: 5px;
	}
#audition {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
	}	
.audition-texte {
	font-size: 85%;
	padding: 7px;
	list-style-image: url(../images/puce.gif);
	list-style-position: outside;
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
#audition p {
	font-size: 85%;
	margin-bottom: 0px;
	margin-top: 7px	;
	margin-left: 5px;
}
	
/* Vie chorale :: Pourquoi le Choeur */
#choeur-shadow {
	width: 243px;
	background: url(../images/bg/bgbtes.gif) no-repeat bottom center;
	padding-bottom: 9px;
	padding-top: 5px;
	}
#choeur {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
	}	
x.choeur-texte {
	font-size: 85%;
	padding: 7px;
	list-style-image: url(../images/puce.gif);
	list-style-position: outside;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
.choeur-citation {
	margin: 0px;
	font-size: 85%;
	padding: 7px;
	font-style:italic;
}
.choeur-signature {
	text-align: right;
	font-size: 85%;
	padding-bottom: 7px;
	padding-right: 7px;
	margin: 0px;
}

/* ACCUEIL 
--------------------------------------------- */
#ashow img {
	float: left;
	padding-right: 15px;
}

/* CA 
--------------------------------------------- */
.ca-membres {
	list-style-type: none;
	margin-top: 5px;
	margin-left: 0px;
	padding-left: 0px;
}
.caphotos {
	background-color: #fff;
	padding: 6px;
	margin-left: 0px;
	border: 1px solid #ccc;
}

/* CHORISTES
--------------------------------------------- */
.cphotos {
	background-color: #fff;
	padding: 6px;
	margin-left: 0px;
	border: 1px solid #ccc;
}
#choristes h2 {
        padding-top: 1em;
}

/* DIRECTION 
--------------------------------------------- */
.direction-photos {
	background-color: #fff;
	padding: 8px;
	margin-left: 0px;
	border: 1px solid #ccc;
}



/* RÉALISATIONS 
--------------------------------------------- */
.realisations-date {
	width: 183px;
	vertical-align: text-top;	
	padding-bottom: 5px;
}
.realisations-evenement {
	width: 563px;
	vertical-align: text-top;	
	padding-bottom: 5px;
}
x.realisations-titre {
	font-size:large;
	font-family: "Times New Roman", Times, serif;
	padding-top: 1.5em;
	text-align: left;
        font-weight: bold;
	}
.realisations-titre {
	xfont-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	xmargin-bottom: -1em;
	padding-top: 1.5em;
	text-align: left;
        font-weight: bold;
        margin-left: 3px;
	}

x#repertoire p {
	margin-top: 0.85em;
	margin-bottom: 0.85em;
}

/* EXTRAITS AUDIO 
--------------------------------------------- */
#audio h2{
	xmargin-top: 0em;	/* alignement avec le haut de l'image (IE et Opera) */
	}
#audio p {
	margin-top: 0em;
	}
#audio .photos {
	margin-left: 50px;
        border: solid 1px #ccc;
	}
#audio ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	}
	
/* PHOTOS 
--------------------------------------------- */
#photos h2 {
	xmargin-top: 0em;	/* alignement avec le haut de l'image (IE et Opera) */
	}
#photos p {
	margin-top: 0em;
	}
#photos ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0em;
	}
	
/* PHOTOS-ALBUMS
--------------------------------------------- */
#palbum p {
	margin-top: 2em;
	}
#palbum .photos {
	margin-left: 50px;
	border:1px solid #ccc;
	}
#palbum ul{
	margin-left: 0px;
	padding-left: 0px;
	}
#palbum li {
	xfloat:left;
	display: inline;
	list-style-type: none;
	padding-right: 0px;
	}
.sm-photos {
	background-color:#fff;
	padding:5px;
	margin-left: 0px;
	border:1px solid #ccc;
}


/* VIECHORALE
--------------------------------------------- */
x#viechorale p {
	margin-top: 0.85em;
	xmargin-bottom: 0.85em;
	}
	
/* MÉDIAS
--------------------------------------------- */	
.medias {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0em;
	}

/* MÉDIAS-COMMUNIQUÉ
--------------------------------------------- */	
#communique h2 {
	text-align: center;
	}
.communique-renseignements {
	width: 183px;
	vertical-align: text-top;	
	padding-bottom: 15px;
	}
.communique-info {
	width: 563px;
	vertical-align: text-top;	
	padding-bottom: 15px;
	}

/* TYPOGRAPHIE 
--------------------------------------------- */
h1 {
	font-size:x-large;
	font-family: "Times New Roman", Times, serif;
	}
h2 {
	font-size:large;
	font-family: "Times New Roman", Times, serif;
	xmargin-top: 1.5em;
	margin-bottom: 0.25em;
	}
h3 {
	font-size:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: -1em;
	}
.no-puce {
	list-style-type: none;
}
.choristes {
	font-style:italic;
	}
.interpretes {
	font-style: italic;
}

/* TEMP 
--------------------------------------------- */
.centre {
	text-align: center;
}