BODY
{
	font:"Times New Roman", Times, serif;
	color:#542405;
	font-size:12px;
}

table
{
	font:"Times New Roman", Times, serif;
	color:#542405;
	font-size:12px;
}

A
{
	color:#3F5643;
}

A:hover
{
	color:#CC3300;
}

.titre1
{
	font-size:14px;
	font-weight:bold;
	color:#542405;
	text-align:center;
}

.bordure
{
	border:1px solid #C4B5A5;
}

div#cadre-principal
{
	position:relative;
	/*margin:25px auto auto auto;*/
	width:759px;
	height:480px;
	background-color:#F8F0E2;
	
	border:1px solid #542405;
	
	overflow:hidden;
}

div#cadre-mailinglist
{
	position:absolute;
	top:485px;
	left:50px;
	width:200px;
	text-align:center;
}

div#menu /* calque contenant le .swf du menu coulissant */
{
	position:absolute;
	left:320px;
	top:420px;
	width:400px;
	height:40px;
}

div#julien /* calque où se trouve la photo de ju */
{
	position:absolute;
	top:0px;
	left:0px;
}

div#separation /* Barre horizontale permettant de séparer les albums ou les vidéos */
{
	position: relative;
	left:0px;
	width:300px;
	border-top:1px solid #C4B5A5;
}

.petit_formulaire {font-size:11px}/*font pour la zone de saisie de la mailinglist*/

.error
{
	color:#a70d06;
}
/**************************************************************************************************/
/******************************************** ACCUEIL *********************************************/
/**************************************************************************************************/

div#titre-accueil/* calque où est affiché "Julien Girard premier album..." */
{
	position:absolute;
	top:5px;
	left:380px;
}

div#titre-accueil2/* calque où est affiché "cherche tourneur..." */
{
	position:absolute;
	top:5px;
	left:380px;
	width:311px;
	height:149px;
	color:#a70d06;
}

div#accueil-contenu/* calque contenant le texte de présentation dans la page d'accueil */
{
	position:absolute;
	left:300px;
	width:435px;
	top:160px;
	height:255px;
	/*text-align:justify;*/
	/*padding:5px 10px 10px 10px;*/
	overflow:auto;
	
	border:1px solid #C4B5A5;
	background-color:#F9F4EC;
	
	/*color:#71543F;*/
}
td.accueil-contenu
{
	font-family:"Times New Roman", Times, serif;
	color:#71543F;
	font-size:12px;
	text-align:justify;
}

/**************************************************************************************************/
/**************************************** DISCOGRAPHIE ********************************************/
/**************************************************************************************************/

div#discographie-contenu/* calque contenant la liste des albums */
{
	position:absolute;
	left:300px;
	width:435px;
	top:30px;
	height:380px;
/*	text-align:justify;
	padding:15px 10px 10px 10px;*/
	overflow:auto;
	
	border:1px solid #C4B5A5;
	background-color:#F9F4EC;
	
/*	color:#71543F;*/
}

td.discographie-contenu
{
	font-family:"Times New Roman", Times, serif;
	color:#71543F;
	font-size:12px;
}

div#titre-discographie
{
	position:absolute;
	left:440px;
	top:10px;
	
	border:1px solid #C4B5A5;
	background-color:#F9F4EC;
}


/**************************************************************************************************/
/**************************************** VIDEOS ********************************************/
/**************************************************************************************************/

div#videos-contenu/* calque contenant la liste des videos */
{
	position:absolute;
	left:300px;
	width:435px;
	top:30px;
	height:380px;
	/*text-align:justify;
	padding:10px 10px 10px 10px;*/
	overflow:auto;
	
	border:1px solid #C4B5A5;
	background-color:#F9F4EC;
	
	/*color:#71543F;*/
}

td.videos-contenu
{
	font-family:"Times New Roman", Times, serif;
	color:#71543F;
	font-size:12px;
}

div#titre-videos
{
	position:absolute;
	left:440px;
	top:10px;
	
	border:1px solid #C4B5A5;
	background-color:#F9F4EC;
}

/**************************************************************************************************/
/******************************************* LECTEUR **********************************************/
/**************************************************************************************************/

div#lecteur-contenu
{
	position:relative;
	/*margin:15px auto auto auto;*/
	width:450px;
	height:430px;
	background-color:#F8F0E2;
	
	text-align:center;
	
	border:1px solid #542405;
	
	color:#71543F;
}

table#tv /* tableau où se trouve l'image de la tv */
{
	position: relative;
	width:370px;
	height:345px;
	background-image:url(images/ecrantv.jpg);
}

/**************************************************************************************************/
/****************************************** CONCERTS **********************************************/
/**************************************************************************************************/

div#concerts-contenu/* calque contenant la liste des concerts */
{
	position:absolute;
	left:300px;
	width:435px;
	top:30px;
	height:380px;
	/*text-align:justify;
	padding:15px 10px 10px 10px;*/
	overflow:auto;
	
	border:1px solid #C4B5A5;
	background-color:#F9F4EC;
	
	/*color:#71543F;*/
}

td.concerts-contenu
{
	font-family:"Times New Roman", Times, serif;
	color:#71543F;
	font-size:12px;
}

div#titre-concerts
{
	position:absolute;
	left:440px;
	top:10px;
	
	border:1px solid #C4B5A5;
	background-color:#F9F4EC;
}

/**************************************************************************************************/
/******************************************** PHOTOS **********************************************/
/**************************************************************************************************/

div#photos-contenu/* calque contenant la pellicule photo et la photo agrandie */
{
	position:absolute;
	left:295px;
	width:450px;
	top:30px;
	height:385px;
	
	overflow:visible;
	
	border:1px solid #C4B5A5;
	background-color:#F9F4EC;
	
	color:#71543F;
}

div#titre-photos
{
	position:absolute;
	left:450px;
	top:10px;
	
	border:1px solid #C4B5A5;
	background-color:#F9F4EC;
}

table#liste-coulissante-photos /* tableau contenant toutes les photos miniatures, largeur=somme des largeurs des photos */
{
	position:absolute;
	/*la variable left est définie dans le fichier php*/
	top:0px;
	/*la largeur width est définie dans le fichier php*/
	height:75px;
	background-image:url(images/fond_pellicule.gif);
	background-repeat:repeat-x;
}
div#masque-liste-photos /* calque affichant une partie de la liste des photos */
{
	position:absolute;
	left:0px;
	bottom:0px;
	/*la largeur width est définie dans le fichier php*/
	height:75px;
	
	overflow:hidden;
}

div#photo-agrandie /* calque où se trouve la photo agrandie */
{
	position:absolute;
	top:0px;
	left:0px;
	width:450px;
	height:310px;
	
	overflow:auto;
	
}

div#fleche-gauche
{
	position:absolute;
	left:-14px;
	bottom:5px;
}
div#fleche-droite
{
	position:absolute;
	right:-14px;
	bottom:5px;
}

/**************************************************************************************************/
/******************************************* LIENS ************************************************/
/**************************************************************************************************/

div#liens-contenu/* calque contenant la liste des albums */
{
	position:absolute;
	left:300px;
	width:435px;
	top:30px;
	height:380px;
	/*text-align:justify;
	padding:15px 10px 10px 10px;*/
	overflow:auto;
	
	border:1px solid #C4B5A5;
	background-color:#F9F4EC;
	
	/*color:#71543F;*/
}

td.liens-contenu
{
	font-family:"Times New Roman", Times, serif;
	color:#71543F;
	font-size:12px;
}

div#titre-liens
{
	position:absolute;
	left:440px;
	top:10px;
	
	border:1px solid #C4B5A5;
	background-color:#F9F4EC;
}


/**************************************************************************************************/
/******************************************** PAGE 404 *********************************************/
/**************************************************************************************************/

div#erreur-contenu
{
	position:absolute;
	left:330px;
	width:370px;
	top:160px;
	height:100px;
	/*text-align:center;
	padding:30px 10px 10px 10px;*/
	overflow:auto;
	
	border:1px solid #C4B5A5;
	background-color:#F9F4EC;
	
	/*color:#71543F;*/
}

td.erreur-contenu
{
	font-family:"Times New Roman", Times, serif;
	color:#71543F;
	font-size:12px;
	text-align:center;
}


/**************************************************************************************************/
/******************************************** MAILING LIST *********************************************/
/**************************************************************************************************/

div#mailinglist-contenu
{
	position:absolute;
	left:300px;
	width:420px;
	top:160px;
	height:110px;
	/*text-align:center;
	padding:30px 10px 10px 10px;*/
	overflow:auto;
	
	border:1px solid #C4B5A5;
	background-color:#F9F4EC;
	
	/*color:#71543F;*/
}

td.mailinglist-contenu
{
	font-family:"Times New Roman", Times, serif;
	color:#71543F;
	font-size:12px;
	text-align:center;
}


/**************************************************************************************************/
/**************************************** LIVRE D'OR ********************************************/
/**************************************************************************************************/

div#livredor-contenu/* calque contenant la liste des albums */
{
	position:absolute;
	left:300px;
	width:435px;
	top:30px;
	height:370px;
/*	text-align:justify;
	padding:15px 10px 10px 10px;*/
	overflow:auto;
	
	border:1px solid #C4B5A5;
	background-color:#F9F4EC;
	
/*	color:#71543F;*/
}

div#numeros-pages
{
	position: absolute;
	left:310px;
	width:305px;
	top:400px;
	height:25px;
	
	text-align:left;
}

div#ecrire
{
	position: absolute;
	left:620px;
	width:115px;
	top:400px;
	height:25px;
}

td.livredor-contenu
{
	font-family:"Times New Roman", Times, serif;
	color:#71543F;
	font-size:12px;
	text-align:justify;
}

div#titre-livredor
{
	position:absolute;
	left:440px;
	top:10px;
	
	border:1px solid #C4B5A5;
	background-color:#F9F4EC;
}

/**************************************************************************************************/
/**************************************** ECRIRE MESSAGE DANS LIVRE D'OR **************************/
/**************************************************************************************************/

div#ecrire-contenu/* calque contenant la liste des albums */
{
	position:absolute;
	left:300px;
	width:435px;
	top:30px;
	height:380px;
	
	overflow:hidden;/* car un poil trop long dans IE*/
	
	border:1px solid #C4B5A5;
	background-color:#F9F4EC;
	
}

.petit_formulaire
{
	font-family:"Times New Roman", Times, serif;
	color:#71543F;
	font-size:12px;
}



td.livredor-ecrire /* Format des cellules de la page ecrire */
{
	font-family:"Times New Roman", Times, serif;
	color:#71543F;
	font-size:12px;
	/*background-color:#F9F4EC;*/
	/*border:1px solid #C4B5A5;*/
}