@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family: Geneva, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	color: #FFFFFF;
	margin:0 0;
	padding:0 0;
	text-align:justify
}
body {
	background-color: #323232;
}
#conteneur {
	margin:0 auto;
	width:1024px;
	background-image:url(../images/fond.gif);
	background-repeat:repeat-y;
	padding-bottom:40px
}

a:link {
	color: #CCCCCC;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #999999;
}
a:focus {
	outline:none
}
a.contact {
	position:absolute;
	left:1px;
	top:5px;
	background-image:url(../images/contact.gif);
	display:block;
	width:88px;
	height:18px;
	text-decoration:none;
}
a.contact:hover {
	background: url(../images/contact.gif) 0px -24px;
	height:47px;
}

#signature {
	position: fixed;
	left: 2px;
	top: 92%;
}

/* --------------------------------------------- 
											   |
											   |
		!	PAGE D'ACCUEIL	!	  	           |
											   |
------------------------------------------------*/

.contact {
	margin:5px 0 0 0;
}
#titre_accueil {
	margin:0 0 0 80px;
}
#julia_accueil {
	margin:-100px 0 0 10px;
	width:993px;
}
#texte_accueil {
	margin:55px 0 0 291px;
	width:620px;
}
#texte_accueil p {
	text-align:right;
	padding-bottom:20px
}

/* --------------------------------------------- 
											   |
											   |
	  !	BIOGRAPHIE	ET MULTIPLES  !			   |
	  				   ¯¯¯¯¯¯¯¯¯	  	       |
											   |
------------------------------------------------*/
#bio, #choeur, #photos {
	background-image:url(../images/titre_bio.JPG);
	background-repeat:no-repeat;
	background-position:92px 28px;
	margin:0 0 0 67px;
	width:894px;
	padding-top:100px;
	font-size:95%;
}
#bio img {
	margin:185px 0 14px 688px
}
#bio p, #choeur p {
	width:709px;
	margin:16px 0 0 91px
}
.padding_bas {
	padding-bottom:150px
}
/* --------------------------------------------- 
											   |
											   |
	    !	CHEF DE CHŒUR	!	  	           |
											   |
------------------------------------------------*/
#choeur {
	background-image:url(../images/titre_choeur.JPG);
	background-position:92px 25px;
	padding-bottom:90px
}
#choeur img {
	margin:185px 0 14px 591px
}
#choeur p {
	width:704px;
}
#choeur #audio span {
	font-size:90%;
	font-style:italic;
	vertical-align:top;
	margin-right:10px;
}
/* --------------------------------------------- 
											   |
											   |
	    !	PHOTOS	!	   			           |
											   |
------------------------------------------------*/
#photos {
	background-image:url(../images/titre_photos.JPG);
	background-position:92px 0;
	margin:0 0 0 65px;
	padding-bottom:190px;
	padding-top:100px;
}
/* --------------------------------------------- 
											   |
											   |
	    !	MULTIMÉDIA	!	   		           |
											   |
------------------------------------------------*/
#lecteur {
	margin:0 auto;
	background-image:url(../images/titre_media.JPG);
	background-repeat:no-repeat;
	background-position:0px 25px;
	width:580px;
	padding-top:130px
}
.media_marge_bas {
	padding-bottom:100px
}