/* Mise en page de la page "Page.php" en respectant tout les standards CSS et XHTML du W3C */

* 
{
	margin: 0;
	padding: 0;
}


body
{
	margin: 0;
	padding: 0;
	text-align: center;
	
	font-family: "Trebuchet MS";
	font-size: 13px;
	
	background-color: #FFFFCC;
}


div#page_globale
{
	position: relative;
	width: 768px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	
	background-image: url(images/design/fond_jaune.jpg);
	background-repeat: repeat-y;
	background-position: bottom right;
}


#banniere_haut
{
	background-image: url(images/design/banniere_haut.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 768px;
	height: 161px;
}

#gauche_menu
{
	position: absolute;
	left: 0;
	
	background-image: url(images/design/gauche_menu_jaune.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 175px;
	height: 432px;
}

#corps_page
{
	margin-left: 175px; 
	
	background-image: url(images/design/corps_page_jaune.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 593px;
	min-height: 500px;
	height: auto;
}

#texteCorpsPage
{
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 15px;
}

#bas_page
{	
	background-image: url(images/design/bas_page.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 768px;
	height: 26px;
	
	text-align: right;
}

#menu_accueil
{
	display : block;
	
	background-image: url(images/design/menu_accueil_haut_bas.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 156px;
	height: 21px;
	
	margin-left: auto;
	margin-right: auto;
}
#menu_accueil a
{
	display: block;
	
	background-image: url(images/design/menu_accueil_haut_bas.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 100%;
	height: 100%;
}
#menu_accueil a:hover
{
	background-position: 0 -21px;
}
#menu_accueilActif
{
	display : block;
	
	background-image: url(images/design/menu_accueil_haut.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 156px;
	height: 21px;
	
	margin-left: auto;
	margin-right: auto;
}

#menu_laChorale
{
	display : block;
	padding-top: 21px;
	
	background-image: url(images/design/menu_laChorale.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 156px;
	
	
	margin-left: auto;
	margin-right: auto;
}
#menu_laChoraleActif
{
	display : block;
	padding-top: 21px;
	
	background-image: url(images/design/menu_laChorale_haut.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 156px;
	
	margin-left: auto;
	margin-right: auto;
}

#menu_lesConcerts
{	
	display : block;
	padding-top: 21px;
	
	background-image: url(images/design/menu_lesConcerts.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 156px;
	
	margin-left: auto;
	margin-right: auto;
}
#menu_lesConcertsActif
{
	display : block;
	padding-top: 21px;
	
	background-image: url(images/design/menu_lesConcerts_haut.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 156px;
	
	margin-left: auto;
	margin-right: auto;
}

#menu_revuePresse
{
	display : block;
	
	background-image: url(images/design/menu_revuePresse_haut_bas.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 156px;
	height: 21px;
	
	margin-left: auto;
	margin-right: auto;
}
#menu_revuePresse a
{
	display: block;
	
	background-image: url(images/design/menu_revuePresse_haut_bas.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 100%;
	height: 100%;
}
#menu_revuePresse a:hover
{
	background-position: 0 -21px;
}
#menu_revuePresseActif
{
	display : block;
	
	background-image: url(images/design/menu_revuePresse_haut.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 156px;
	height: 21px;
	
	margin-left: auto;
	margin-right: auto;
}

#menu_forum
{
	display : block;
	
	background-image: url(images/design/menu_forum_haut_bas.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 156px;
	height: 21px;
	
	margin-left: auto;
	margin-right: auto;
}
#menu_forum a
{
	display: block;
	
	background-image: url(images/design/menu_forum_haut_bas.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 100%;
	height: 100%;
}
#menu_forum a:hover
{
	background-position: 0 -21px;
}

#menu_contacts
{
	display : block;
	
	background-image: url(images/design/menu_contacts_haut_bas.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 156px;
	height: 21px;
	
	margin-left: auto;
	margin-right: auto;
}
#menu_contacts a
{
	display: block;
	
	background-image: url(images/design/menu_contacts_haut_bas.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 100%;
	height: 100%;
}
#menu_contacts a:hover
{
	background-position: 0 -21px;
}
#menu_contactsActif
{
	display : block;
	
	background-image: url(images/design/menu_contacts_haut.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 156px;
	height: 21px;
	
	margin-left: auto;
	margin-right: auto;
}

#espaceChoriste
{
	padding-right: 10px;
	padding-top: 4px;
}

#photoBureau
{
	width: 200px;
	height: 150px;
	
	float: right;
	
	margin-right: 30px;
	margin-top: 35px;
}

.photo800600
{
	width: 200px;
	height: 150px;
}

.photosPupitres
{
	width: 520px;
	height: 390px;
}

.texteJustifie
{
	font-family : "Trebuchet MS";
	color : #000000;
	text-align: justify;
}
.texteCentre
{
	font-family : "Trebuchet MS";
	color : #000000;
	text-align: center;
}
.texteGauche
{
	font-family : "Trebuchet MS";
	color : #000000;
	text-align: left;
}
.texteDroite
{
	font-family : "Trebuchet MS";
	color : #000000;
	text-align: right;
}
.texteGras
{
	font-family : "Trebuchet MS";
	color : #000000;
	font-weight: bold;
}
.texteItalique
{
	font-family : "Trebuchet MS";
	color : #000000;
	font-style: italic;
}
.texteSouligne
{
	font-family : "Trebuchet MS";
	color : #000000;
	text-decoration: underline;
}

.lien
{
	font-family : "Trebuchet MS";
	color : #000000;
}
a.lien
{
	font-family : "Trebuchet MS";
	color : #000000;
	font-variant : small-caps;
}
a.lien:visited
{
	font-family : "Trebuchet MS";
	color : #000000;
}
a.lien:hover
{
	font-family : "Trebuchet MS";
	color : #E10000;
	text-decoration : overline underline;
	font-variant : normal;
}

.menu 
{
	font-family : "Trebuchet MS";
	color : #000000;
}
a.menu
{
	font-family : "Trebuchet MS";
	color : #000000;
	text-decoration : none;
	font-variant : small-caps;
}
a.menu:visited
{
	font-family : "Trebuchet MS";
	color : #000000;
	text-decoration : none;
	font-variant : small-caps;
}
a.menu:hover
{
	font-family : "Trebuchet MS";
	font-weight : bold;
	color : #E10000;
	text-decoration : none;
	font-variant : small-caps;
}
a.menuActif
{
	font-family : "Trebuchet MS";
	font-weight : bold;
	color : #E10000;
	text-decoration : none;
	font-variant : small-caps;
}
a.menuActif:visited
{
	font-family : "Trebuchet MS";
	font-weight : bold;
	color : #E10000;
	text-decoration : none;
	font-variant : small-caps;
}
a.menuActif:hover
{
	font-family : "Trebuchet MS";
	font-weight : bold;
	color : #E10000;
	text-decoration : none;
	font-variant : small-caps;
}
ul.menu
{
	display: block;
	margin-left: 20px;
	padding-top: 5px;
	padding-bottom: 20px;
	
	list-style-image: url(images/puce_note_rouge.gif);
}

.petitTexte
{
	font-family : "Trebuchet MS";
	font-size: 9px;
	text-align: center;
}

.petitTexteItalique
{
	font-family : "Trebuchet MS";
	font-size: 9px;
	font-style: italic;
}

.petitTexteBlanc
{
	font-family : "Trebuchet MS";
	color : #FFFFFF;
	font-size: 9px;
}
a.petitTexteBlanc
{
	font-family : "Trebuchet MS";
	color : #FFFFFF;
}
a.petitTexteBlanc:visited
{
	font-family : "Trebuchet MS";
	color : #FFFFFF;
}
a.petitTexteBlanc:hover
{
	font-family : "Trebuchet MS";
	color : #E10000;
	text-decoration : overline underline;
}

.lettrine
{
	font-family: "Trebuchet MS";
	font-weight: bold;
	line-height: 36px;
	font-size: 32px;
	color : #E10000;
	float: left;
}

ul.principal
{
	margin-left: 40px;
	
	padding-top: 15px;
	padding-bottom: 15px;
	
	list-style-type: disc;
}
ul.secondaire
{
	margin-left: 40px;
	
	list-style-type: circle;
}


img
{
	border: none;
}

h1
{
	font-family: "Trebuchet MS";
	font-size: 24px;
	text-align: center;
}
h2
{
	font-family: "Trebuchet MS";
	font-size: 20px;
	text-align: center;
}
h3
{
	font-family: "Trebuchet MS";
	color: #E10000;
	font-size: 16px;
	text-align: center;
}
h3 a
{
	color: #E10000;
}

p
{
	padding-top: 15px;
}

#overDiv
{
	position:absolute;
	visibility:hidden;
	z-index:1000;
}

.saison
{
	font-family : "Trebuchet MS";
	color : #E10000;
	font-weight: bold;
	text-decoration: underline;
}

.nouveauTitre
{
	font-family : "Trebuchet MS";
	color : #E10000;
	font-weight: bold;
}

.ancienneSaison
{
	height: 0px;
	overflow: hidden;
	visibility: hidden;
}