body{
	background-color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	font-size: 12px;
	background-image: url(../img/bg.gif);
}
a
{
	text-decoration: none;
	color: black;
}

a:hover
{
text-decoration: underline;	
color: black;
}

.roll1
{
background-image: url(../img/nav/accueil.gif);
border: 0px;
	
}
.roll1:hover
{
	background-image: url(../img/nav/accueil2.gif);
}

.roll2
{
background-image: url(../img/nav/mp3.gif);
	
}
.roll2:hover
{
	background-image: url(../img/nav/mp32.gif);
}

.roll3
{
background-image: url(../img/nav/liens.gif);
	
}
.roll3:hover
{
	background-image: url(../img/nav/liens2.gif);
}

.roll4
{
background-image: url(../img/nav/contact.gif);
	
}
.roll4:hover
{
	background-image: url(../img/nav/contact2.gif);
}

.table1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: Black;
	margin: 0px;
	text-align: justify;
	padding: 15px;
	background-color: White;
	vertical-align: top;
}

.lettrine {
	font-size: 70px;
	color: FFA200;
	font-family: impact;
	layout-flow: horizontal;
	 float: left ; 
	 
	 
}

iframe{
	border: 1px;
	background-color: Black;
	border-style: solid;
}

ul
{
	list-style-image: url(../img/fleche.gif);
	list-style-position: outside;
	vertical-align: baseline;
	padding-left: 154px;
	
}

li
{
	padding: 5px;
}

.navigation2
{
	background-color: Black;
	color: White;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;

}

.navigation2:hover
{
	background-color: Black;
	color: FFA200;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	text-decoration: none;
}


.titre{
	font-size: 20px;
	color: FFA200;

	 
	 
}

.date{
	font-size: 15px;
	color: gray; 
}