@charset "utf-8";
/* CSS Document */
body
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin: 0 left ;
	padding: 0 ;
	text-align: left ;
	font: 0.9em "Lucida Sans Unicode" ;
	background: #ffffff ;
	color: #000000 ;
}

/* On a ajouté de quoi mettre une police de caractère et une couleur de fond */

/* liens */

a:link { text-decoration: underline; color : #000000; }

a:visited { text-decoration: none; color : #000000; }

a:hover	{ text-decoration: none; color : #b20832; }
/* liens */

div#conteneur
{
	width: 940px ;
	height: 293px ;
	margin: 0 center ;
	text-align: center ;
	background: #ecddca ;
	background: url(images/bandeau_artiste_sud.jpg) no-repeat left top ;
}

/* Une bordure autour de l'ensemble de la page,
et couleur blanche pour le fond de celle-ci */

h1#header
{
	height: 258px ;
	margin: 0 ;
}

/* Une image de fond correspondant aux 258 pixels
 de tout à l'heure, attention à bien compresser vos images */

h1#header a
{
	width: 400px ;
	height: 70px ;
	display: block ;
	background: url(images/bouton_artiste_sud_1_01.gif) no-repeat ;
	position: relative ;
	left: 350px ;
	top: 15px ;
	text-indent: -5000px ;
}/* On donne les mêmes dimensions au lien, chose
 possible grâce à la propriété display: block ; qui transforme le lien
  en élément de type block, auquel on peut donner des propriétés de taille.
   On met aussi l'image de fond qui a les mêmes dimensions que le cadre ainsi créé */
/* Le text-indent négatif est fait pour pouvoir ne
 cacher le texte hors de la page, ce que nous voulons. Ainsi il reste
  exploitable pour les syntèses vocales */

 div#contenu
{
	width: 940px ;
	border: 0px solid #000000 ;
	margin: 0px left ;
	text-align: left ;
	font-size: 1.0em ;
	}


div#contenu a
{
	color: #000000 ;
	text-decoration: underline;
}

div#contenu a:hover
{
	color: #b20832;
}


div#contenu h1
{
	padding-left: 25px ;
	line-height: 25px ;
	font-size: 14px ;
	background: url(images/little_flower2.gif) no-repeat left bottom ;
	color: #b20832 ;
	border-bottom: 1px solid #b20832 ;
}


div#contenu h2
{
	margin-left: 40px ;
	padding-left: 20px ;
	border-bottom: 1px solid #000 ;
	border-left: 1px solid #000 ;
	font-size: 13px ;
	color: #000000 ;
	
}
div#contenu h3
{
    text-align: left ;
	margin-left: 40px ;
	padding-left: 0px ;
	font-size: 12px ;
	color: #b20832 ;
	
}
div#contenu p
{
	padding-left: 40px ;
	text-align: left ;
	text-indent: 2em ;
	line-height: 1.3em ;
	color: #000000 ;
	font-size: 12px ;
}


p#footer
{
	width: 940px ;
	margin: 0 left ;
	padding-right: 10px ;
	line-height: 20px ;
	text-align: center;
	color: #000000 ;
}
/* Mise en forme de la partie pied de page, rien d'extra-ordinaire */