.bordure { border: 1px solid #FF0000;}
.bordure a {
  border:1px solid red; /*la bordure d'une image dans un lien sera rouge par défaut*/
}
.bordure a:hover {
  border:1px solid blue; /*la bordure d'une image dans un lien sera verte au survol du lien et de l'image*/
}


body {
	background-color: #dddddd;
}

td {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}


h1 {
	font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url("image/fleche.png");
	margin:0 ;
 	padding:0;
	color:#FF0000 ;
}




.cadre-principal{
	border:1px solid #000000;
	background-color:#FFFFFF;
}

.cadre{
	border:1px solid #FF0000;
}


.petit {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E9B731;
}

.petit2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}


.justify {
	text-align: justify;
}

.blanc {
	color: #8B0000;
}


.orange {
	color: #E9B731;
}
a:link, a:visited, a:active
{
	color: #982CAC;
    	text-decoration: none;

}
a:hover
{
    color:  #CD47D5;
    text-decoration: underline;
}



#nav, #nav ul {
padding: 0px;
margin: 0px;
list-style: none;
}

#nav li a {
line-height:30px; /*hauteur de l'image de fond*/
color:#DCDCDC;
text-decoration:none;
text-align:center;
display: block;
}

#nav li {
float: left;
height:30px;
width:156px;
padding-left:0px ;
padding-right:0px ;
background:black url(images/noir-1.png) no-repeat;
}

#nav ul li {
background:black url(images/noir-3.png) no-repeat;
}

#nav li a:hover{
color: #000000 ;
background:black url(images/noir-2.png) no-repeat;
}

#nav li ul {
	position: absolute;
	width: 155px;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}