/*
Jaune:RGB(255,294,34)
Jaune clair: RGB(255,202,27)
Orange: RGB(234,125,30)
Bleu:RGB(129,137,241)
Bleu très clair: RGB(229,231,254)
*/

/* ----------------------------------------------------------
Design de la page générale 
----------------------------------------------------------*/
body{
	background-color:black;
	margin-top: 0px;
	font-family: "Trebuchet MS", sans-serif;
	}

#cadre {
	margin: auto;
	width: 960px;
	margin-top: 10px;
	border: 4px solid RGB(234,125,30);
	}
	
#header{
	background: url(../images/graphismes/header2.jpg);
	background-repeat: no-repeat;
	margin: auto;
	width: 950px;
	height: 299px;}

#ancre {
	margin-top:-175px;
	margin-bottom: 185px;}

#corps{
	background:url(../images/graphismes/fondetoile.jpg) bottom left;
	background-color:black;
	margin: auto;
	width: 950px;
	color: RGB(234,125,30);
	border: 5px solid black;}
	
#corps h1 {
	margin-top: 50px;
	margin-bottom: 40px;
	color: RGB(255,294,34);
	text-align: center;
	text-decoration: underline;}

#corps h2 {
	margin-top: 25px;
	margin-left: 30px;
	color: RGB(255,202,27);}
	
#corps h3 {
	margin-top: 35px;
	margin-left: 30px;
	margin-bottom: 0px;
	color: #14a0b9;
	text-decoration: underline;}
	
#corps h4 {
	margin-top: 0px;
	margin-left: 30px;
	color: RGB(229,231,254);
	font-style: italic;}
	
#corps h5 {
	text-decoration: underline;
	font-size: 16px;}
	
#corps p {
	margin: 10px;
	text-indent: 30px;}

#corps img {
	border: none;
	margin: 5px;}
	
#corps strong {
	text-decoration: underline;}

#liste {
	margin: auto;
	border-collapse: collapse;
	padding: 0px;}
		
#liste td {
	width: 200px;
	text-align: center;}
	
#liste a , #menu a{
	text-decoration: none;}
	
#menu{
	margin: auto;
	margin-top: -5px;
	width: 950px;}

	
#menu td {
	padding: 0px;
	margin:0px;
	border-collapse : collapse;
}

#menu img{
	margin: 0px;}
	
#footer {
	color: RGB(234,125,30);
	margin: auto;
	margin-top: 10px;
	text-align: center;}

#footer img, a {
	margin-top: 4px;
	border: none;}
	
a:visited {
	color: RGB(129,137,241);
	text-decoration: underline;}

a, a:hover {
	color: RGB(129,137,241);
	text-decoration: underline;}
	
a.retour{
	text-align: center;
	font-weight: bold;
	color:  RGB(255,202,27);}

/* ----------------------------------------------------------
design d'éléments particuliers 
-----------------------------------------------------------*/

/* sous-menu des pages ndt et infos */
#menu2 {
	margin-top: -5px;
	clear: both;} /* bien positionnés */

#menu2 td{
	padding: 0px;}
	
#menu2 a {
	text-decoration: none;}

/* design des postes de la page contact */
#prez {
	margin: 14px;
	float:left;}
	
#v-prez {
	margin: 14px;
	float:right;}
		
#secgen {
	margin: 14px;
	float:left;}
	
#trez {
	margin: 14px;
	float: right;}
		
#webmaster {
	margin: 14px;
	clear: left;}

/*  lecteur mp3 du site */	
#lecteur {
	position : relative;
	top : 320px;
	left: 965px;}

.left {float:left;}
		
.right {float:right;}

.affiche {
	float: left;
	border:0;
	margin-top:8px;}

.bouton	{
	width:80px;
	font-size:12px;
	margin-left: 10px;
	padding:0px;}

.details	{
	margin: 5px; 
	padding: 6px; 
	border: 1px inset; 
	background-color: #c6b096;
	color : black;
	border: #5c4636 solid 1px;}
	
.centrer {
	margin: auto;
	width: 450px;
	padding-right: 10px;
	border: 2px solid RGB(255,202,27);
	background: url(../images/graphismes/fond2.jpg);
	text-align: center;}
		
.galerie {
	width:400px;
	margin : auto;}
	
.artiste{
	clear: both;
	margin-top: 10px;}

.horaire {
	font-style: italic;
	color: RGB(129,137,241);	}