h1
{
	font-size: 200%;
	text-align: left;
}

h2
{
	font-size: 150%;
	text-align: left;
}

h3
{
	font-size: 120%;
	text-align: left;
}

h4
{
	font-size: 80%;
	text-align: left;
	margin: 0 0 10px 0;
}

html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: white;
	text-align: justify;
	font-family: Garamond, Georgia, Bodoni; /* on définit la police de base dans la page */
	font-size: 16px; /* on définit la taille de police de base dans la page */
}

.main
{
	background-color: white;
	width: 980px;
	margin: 0 auto;
	min-height: 100%;
	overflow : auto;
	padding: 0px 20px 0px 20px; /* top right bottom left */
}

.haut
{
	background-image: url('/images/banniere.jpg');
	width: 980px;
	height: 120px;
	margin: 0px; /* top right bottom left */
}


.nouvelle-principale
{
	background-image: url('/images/nouvelle-principale.jpg');
	width: 640px;
	height: 475px;
	margin: 0px; /* top right bottom left */
	float: left;
}

.nouvelles
{
	width: 340px;
	height: 475px;
	margin: 0px; /* top right bottom left */
	float: left;
	overflow:auto;
}

a.news:link
{
	font-size: 14pt;
	font-weight: bold;
	color: black;
	display : block;
	text-decoration:none;
	padding: 5px 0px 10px 0px; /* top right bottom left */
}
a.news:visited
{
	font-size: 14pt;
	font-weight: bold;
	color: black;
	display : block;
	text-decoration:none;
	padding: 5px 0px 10px 0px; /* top right bottom left */
}
a.news:hover
{
	font-size: 14pt;
	font-weight: bold;
	color: rgb(213,158,50);
	display : block;
	text-decoration:none;
	padding: 5px 0px 10px 0px; /* top right bottom left */
}

.nouvelle-1
{
	background-image: url('/images/nouvelle-1.jpg');
	width: 273px;
	height: 171px;
	margin: 10px 28px 0px 0px; /* top right bottom left */
	float: left;
}

.nouvelle-2
{
/*	background-image: url('/images/nouvelle-2.jpg');*/
	width: 375px;
	height: 200px;
	margin: 10px 0px 0px 0px; /* top right bottom left */
	float: left;
}

.nouvelle-3
{
	background-image: url('/images/nouvelle-3.jpg');
	width: 273px;
	height: 171px;
	margin: 10px 0px 0px 28px; /* top right bottom left */
	float: left;
}


.bouton1
{
    display: block;
    background-image: url('/images/bouton-nouvelles.jpg');
	width: 140px;
	height: 51px;
	margin: 0px 0px 10px 0px; /* top right bottom left */
	float: left;
}

.bouton1:hover
{
    display: block;
    background-image: url('/images/bouton-nouvelles-hover.jpg');
	width: 140px;
	height: 51px;
	margin: 0px 0px 10px 0px; /* top right bottom left */
	float: left;
}


.bouton2
{
    display: block;
    background-image: url('/images/bouton-concert.jpg');
	width: 140px;
	height: 51px;
	margin: 0px 0px 10px 0px; /* top right bottom left */
	float: left;
}

.bouton2:hover
{
    display: block;
    background-image: url('/images/bouton-concert-hover.jpg');
	width: 140px;
	height: 51px 0px 10px 0px;
	margin: 0px; /* top right bottom left */
}


.bouton3
{
    display: block;
	background-image: url('/images/bouton-informations.jpg');
	width: 140px;
	height: 51px;
	margin: 0px 0px 10px 0px; /* top right bottom left */
	float: left;
}

.bouton3:hover
{
    display: block;
	background-image: url('/images/bouton-informations-hover.jpg');
	width: 140px;
	height: 51px;
	margin: 0px 0px 10px 0px; /* top right bottom left */
	float: left;
}


.bouton4
{
    display: block;
	background-image: url('/images/bouton-recrutement.jpg');
	width: 140px;
	height: 51px;
	margin: 0px 0px 10px 0px; /* top right bottom left */
	float: left;
}

.bouton4:hover
{
    display: block;
	background-image: url('/images/bouton-recrutement-hover.jpg');
	width: 140px;
	height: 51px;
	margin: 0px 0px 10px 0px; /* top right bottom left */
	float: left;
}


.bouton5
{
    display: block;
	background-image: url('/images/bouton-media.jpg');
	width: 140px;
	height: 51px;
	margin: 0px 0px 10px 0px; /* top right bottom left */
	float: left;
}

.bouton5:hover
{
    display: block;
	background-image: url('/images/bouton-media-hover.jpg');
	width: 140px;
	height: 51px;
	margin: 0px 0px 10px 0px; /* top right bottom left */
	float: left;
}


.bouton6
{
    display: block;
	background-image: url('/images/bouton-musiciens.jpg');
	width: 140px;
	height: 51px;
	margin: 0px 0px 10px 0px; /* top right bottom left */
	float: left;
}

.bouton6:hover
{
    display: block;
	background-image: url('/images/bouton-musiciens-hover.jpg');
	width: 140px;
	height: 51px;
	margin: 0px 0px 10px 0px; /* top right bottom left */
	float: left;
}


.bouton7
{
    display: block;
	background-image: url('/images/bouton-forum.jpg');
	width: 140px;
	height: 51px;
	margin: 0px 0px 10px 0px; /* top right bottom left */
	float: left;
}

.bouton7:hover
{
    display: block;
	background-image: url('/images/bouton-forum-hover.jpg');
	width: 140px;
	height: 51px;
	margin: 0px 0px 10px 0px; /* top right bottom left */
	float: left;
}


.concert-affiche
{
	width: 440px;
	margin: 0px; /* top right bottom left */
	float: left;
}

.concert-infos
{
	width: 540px;
	margin: 0px; /* top right bottom left */
	float: left;
}


.colonne-musiciens
{
	width: 225px;
	height: 500px;
	margin: 20px 0px 0px 20px; /* top right bottom left */
	float: left;
	font-size: 14px;
}


/*** Définition des onglets **************************************************/
#header ul
{
	list-style: none;
	padding:0;
	margin:0;
	margin: 0px 0px 0px 0px; /* top right bottom left */
}

#header li
{
    border-left:10px solid; border-right:10px solid; border-top:1px solid; border-bottom:0px solid; display: inline;
    /* top right bottom left */
    color: rgb(213,158,50);
    background-color: rgb(246,106,0); margin-left:0; margin-right:0.5em; margin-top:0; margin-bottom:0
}

#header #selected
{
    padding-bottom: 1px;
    font-weight: bold;
    color: rgb(129,58,31);
    background-color: rgb(129,58,31);
}

#header a
{
    color: white;
    text-decoration: none;
}

#header a:hover
{
    background-color: rgb(129,58,31);
}

#content
{
    height: 500px;
    border-color: rgb(129,58,31);
    border-width: 2px;
    border-style:solid;
    padding: 20px;
}